tr{
background:#fff;
}
tr:nth-child(2n){
background:#E3EEFB;
}
tr{
background-color: expression((this.sectionRowIndex % 2 == 0) ? "#fff" : "#E3EEFB" );
}
//就这么简单的几行代码。仅仅使用css就能搞定
仅用css控制表格行行之间颜色交替变化
最新推荐文章于 2024-07-12 18:29:20 发布
本文介绍了一种使用纯CSS实现表格行背景颜色交替显示的方法。通过`:nth-child(2n)`选择器及`expression()`函数，可以轻松地为表格的每一行设置不同的背景颜色，以此提高表格的可读性和美观度。
background:#fff;
}
tr:nth-child(2n){
background:#E3EEFB;
}
tr{
background-color: expression((this.sectionRowIndex % 2 == 0) ? "#fff" : "#E3EEFB" );
扫一扫
1620
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
