在CSS中,可以使用nth-child
选择器来实现隔行换色。该选择器用于匹配父元素中的特定子元素,nth-child(odd)
可以匹配奇数行,nth-child(even)
可以匹配偶数行。示例如下:
table tbody tr:nth-child(odd) {
background-color: #c7cac9;
}
table tbody tr:nth-child(even) {
background-color: #ccc;
}
上述代码中,为表格中的奇数行和偶数行分别设置了不同的背景颜色,从而实现了隔行换色的效果。其中,#c7cac9
和#ccc
是两种不同的颜色值,可以根据需要进行修改。