css - thead と tbody の間に二重境界線を作成する

Question

theadとを分ける境界線についてテストしましたtbodyがthead、 の方が優先されるようtbodyです。

アイデアがあれば…</p>

• これが私のテストです：http://jsfiddle.net/cFKns/2/
• これを行うには検索してください: http://img844.imageshack.us/img844/693/12293655.png

Answer 1

境界線を重ねたくない部分にborder-collapse値を設定し、境界線が接触する側で を 1px に設定する必要があります。separateborder-spacing

また、境界線の定義をTHandTDタグに移動する必要がありました。これは、and に適用するとは考えていないためですborder-collapse(border-spacing少なくともthead、tbody試したときには機能しませんでした)。

ここで私の調査結果で更新された結果を見ることができます: http://jsfiddle.net/jasongennaro/Pf7My/1/

tdを使用して、タグの最初のセットをターゲットにしましたtr:first-child td。は、一番上の行のみを黒い上枠として確認します。