CSS实现表格的多种隔行变色

CSS实现表格的多种隔行变色

今天我们就来说一下表格的隔行变色的多种写法，话不多说，上图： 对于表格的隔行变色，对于不同的需求我们有不同的写法，一起来看看吧

隔行变色（奇数行） table tr:nth-child(odd){ background: #ccc; }

效果图： 能实现同样效果的其他写法

table tr:nth-child(2n+1){ background: #ccc; } 隔行变色（偶数行） table tr:nth-child(even){ background: #ccc; }

效果图： 能实现同样效果的其他写法

table tr:nth-child(2n){ background: #ccc; }

好了，这就是今天的隔行变色了，大家是不是手痒了呢，可以自己去尝试一下哦。

尾语

您的支持将是我的最大动力，欢迎观看、点赞、转发的哦，谢谢大家。