如何用css设置表格的偶数行样式为白色

html-css029

如何用css设置表格的偶数行样式为白色,第1张

可以使用jquery来实现 例如 $("table tr:odd").css("background","#fff")或者使用css3,例如table tr:2n{background:#fff}

1、首先打开Vscode编辑器，新建一个HTML文档，用于承载表格和CSS。

2、然后新建一个5行3列的<table>表格备用。

3、接着定义一个内联样式，设置table表格的偶数行even背景色为浅灰色，奇数行odd的背景色为蓝色。

4、保存以上内容，在浏览器预览效果，就能看到奇数行景色为蓝色，偶数行背景色为浅灰色的效果了。