如何創建：斑馬條紋表格

學習如何使用 CSS 創建斑馬條紋表格。

斑馬條紋表格

First Name Last Name Points
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

為了創建一個斑馬線表格，請使用 :nth-child() 選擇器，并為所有偶數（或奇數）行添加背景色：

實例

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

親自試一試

相關頁面

教程：CSS 表格

參考手冊：CSS nth-child() 選擇器