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

html-css07

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

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

给table弄个ID，比如id="tt"

var hang=document.getElementById("tt").childNodes

for(var i=0i<hang.lengthi++){ //循环所有行

var lie=hang[i].childNodes //每行的所有列

for(var j=1j<lie.lengthj+=2){ //求出偶数列,0是第一列，所以从1开始

lie[j].****//添加一个css类

}

}

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

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

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

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