斑马条纹表格
创建于 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 人点赞过