tableの奇数行と偶数行で色違いにするCSS

投稿日:2013/08/22 更新日: -ワードプレス -

table(テーブル)とは、↓のような表を作ります。
20150418_4-min

この表示される行を「奇数行」と「偶数行」で背景色を自動設定するCSSのタグです。これを設定しておけば、行の途中を削除しても、ちゃんと背景色が揃います。

↓をそのままコピーして、使ってるテーマのスタイルシート(style.css)に追加して下さい。

//tableの偶数行と奇数行で色違いになるように指定するタグ//
table tr:nth-child(even) {
background: #F9F9F9;
}

table tr:nth-child(odd) {
background: #F0FAE2;
}

「even=奇数行」「odd=偶数行」です。それぞれ好きな背景色に変更して下さい。

Copyright© ちょこヘル! , 2017 AllRights Reserved Powered by AFFINGER4.