display grid; 隔行换色
可以使用伪类选择器来实现隔行换色。假设有一个表格,可以使用以下代码来实现隔行换色:
table {
display: grid;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
这段代码会将表格的每一行背景颜色设置为白色或淡灰色,从而实现隔行换色的效果。其中 nth-child(even) 表示选择偶数行,也可以使用 nth-child(odd) 选择奇数行。
原文地址: https://www.cveoy.top/t/topic/fgVq 著作权归作者所有。请勿转载和采集!