扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
可以啊，用css3或者jq实现。
屏南网站建设公司成都创新互联公司,屏南网站设计制作，有大型网站制作公司丰富经验。已为屏南近千家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱，请找那个售后服务好的屏南做网站的公司定做！
可以使用css3的奇偶选择器，如：
tr:nth-child(odd){background-color:#FFE4C4;}
tr:nth-child(even){background-color:#F0F0F0;}
li:nth-child(odd)是设置奇数行的背景色，li:nth-child(even)是设置偶数行的。但是css3不兼容IE9以下的浏览器，如果需要考虑到兼容问题的话，可以使用jq设置，如：
$("table tr:nth-child(even)").css("background-color","#FFE4C4"); //设置偶数行的背景色
$("table tr:nth-child(odd)").css("background-color","#F0F0F0"); //设置奇数行的背景色
可以在样式里面给它写奇偶数的判断，比如循环一个 ul li 列表 要实现奇偶数样式不同 就用ul li:nth-child(odd)表示偶数；奇数用nth-child(even)表示。
1、首先打开Vscode编辑器，新建一个HTML文档，用于承载表格和CSS。
2、然后新建一个5行3列的table表格备用。
3、接着定义一个内联样式，设置table表格的偶数行even背景色为浅灰色，奇数行odd的背景色为蓝色。
4、保存以上内容，在浏览器预览效果，就能看到奇数行景色为蓝色，偶数行背景色为浅灰色的效果了。
没有错位，这是一种视觉错觉，你把图片放大几倍后就能发现，其实并没有错位！
建议奇偶行不要使用反差强烈的颜色作为背景色，应该选择相似色，或者深浅比较接近的颜色，就可以避免这种错觉产生。
干嘛要用id呢，用class啊，写两个不同的class,然后程序读出的时候判断加上对应的class不就有不同的背景了吗
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网