[CSS] テーブルの背景色をしましまにする

テーブルの背景色をしましまにしたい場合は
:nth-child(even)」または「:nth-child(odd)」を使用します。

サンプル

例)奇数行の色をグレー、偶数行の色を白とする

【結果】

No都道府県人口
1東京都13,390,116
2神奈川県9,101,625
3大阪府8,849,823
4愛知県7,447,161
5埼玉県7,240,300

メモ

  • 奇数行に色を指定したい場合は:nth-child(even)を、偶数行に色を指定したい場合は:nth-child(odd)を使用します。
  • テーブルの背景色を縞々にすると、手軽にユーザビリティを向上させる事ができるのでおすすめです。

関連項目


CSS

Posted by tora