どのように作成するか：斑馬柄テーブル

CSSを使用して斑馬柄テーブルを作成する方法を学習します。

斑馬柄テーブル

名 姓 ポイント
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

スペアラインテーブルを作成するには、以下を使用してください :nth-child() 選択器を使用して、すべての偶数行（または奇数行）に背景色を追加します：

例

tr:nth-child(even) {
  background-color: #f2f2f2;
}

自分で試してみてください

関連ページ

チュートリアル：CSSテーブル

リファレンスマニュアル：CSS nth-child()セレクタ