admin管理员组

文章数量:1794759

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

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

尾语

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

本文标签： 表格多种css

版权声明：本文标题：CSS实现表格的多种隔行变色 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686971567a123941.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。