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;}

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

尾语

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