css-偶数列-怎么实现图片的效果？

html-css07

css-偶数列-怎么实现图片的效果？,第1张

给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、保存以上内容，在浏览器预览效果，就能看到奇数行景色为蓝色，偶数行背景色为浅灰色的效果了。