縦の罫線を表示せず横の罫線だけの表を作る - スタイルシートTipsふぁくとりー

《2016年2月17日 12:32 公開/更新》 縦の罫線を表示せず横の罫線だけの表を作る [テーブル,線,色] 表(テーブル)といえば罫線で区切って分類整理する記載方法ですが、だからといって様々な種類の罫線を駆使するだけが表の装飾ではありません。一部の罫線を省略して、背景色だけでセルを塗り分けても見やすい表になります。 例えば、以下に掲載したサンプル表には「縦の罫線」が省かれています。その代わり、各列に共通の背景色を付けることで「隣同士のセルの境目」を分かりやすくしています。このような表の装飾もスタイルシートで簡単に作れます。 左上端 上中央 右上端 左中端 中中央 右中端 左下端 下中央 右下端 上記のサンプル表では、「表の外側」と「横方向の罫線」は引かれていますが、「縦方向の罫線」は引かれていません。 このように表を装飾するのは簡単で、単に(セルを作る)td要素に対して左右の枠線を指

[kamekio]

“ border: 2px solid green”