您的位置首页百科问答

设置table隔行变色

设置table隔行变色

的有关信息介绍如下:

设置table隔行变色

css3提高了一个nth-child选择器,可以通过这个选择器进行table表格隔行变色。

语法:

tr:nth-child(2n){

background-color: #fbc9a7

}

1.新建html页面。如图:

创建table表格。如图:

对表格设置基本样式。如图:

为了增加显示效果对每行添加一个序号,然后在浏览器上打开。如图:

使用伪类选择器—nth-child(n)设置表格隔行变色。效果如图:

代码:

table隔行变色

1
2
3
4
5