斑马条纹表格

创建于 2024-12-03 / 24
字体: [默认] [大] [更大]

了解如何使用 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() 选择器的更多信息。



0 人点赞过