如何创建：斑马条纹表格

学习如何使用 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() 选择器