テーブル(表)のヘッダ行の直下だけを二重線にするCSS - スタイルシートTipsふぁくとりー

《2016年2月10日 10:09 公開/更新》 テーブル(表)のヘッダ行の直下だけを二重線にするCSS [テーブル,線] ウェブ上に掲載するテーブル(表)を装飾する際、ヘッダ部分(見出し行の部分)の下だけを二重線にしたいと思うことがあります。ワープロでの装飾などでもよく使われるのではないでしょうか。表の中で「ヘッダ部分」と「中身部分」の境目に引かれる線だけを、二重線や太い線などに変えて区切りを目立たせるという装飾は。 例えば、以下のような感じです。 No. 作品名 作者名 状態 1 涼宮ハルヒの憂鬱 谷川 流 読了 2 GOSICK 桜庭一樹 読了 3 お留守バンシー 小河正岳 読了 上記の表では「最上部の行」の下だけ、二重線で描かれていることが分かるでしょう。 ちなみに、表の外枠は太い線（2pxの線）になっています。 表のヘッダ部分だけを対象に特別なスタイルを付加したい場合は、thea