CSS网页代码编写技巧 隔行换色的实现

CSS网页代码编写技巧 隔行换色的实现

·PChome原创·作者:PChome编辑部

网页设计中我们经常会碰到用CSS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。

一、使用background背景图片

如果行高固定的话,推荐使用隔行换色的背景图,也推荐将行高固定,这样可以兼容一切浏览器。

二、CSS Expression

文字:color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');

背景:background-color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');

注意:本方法浏览器兼容度不够,不支持FF3。

三、class分别定义

............

实实在在的写法。

四、通过JS

www.devdao.com - 四种实现CSS隔行换色的方法

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

测试文字

广告声明:文内含有的对外跳转链接(包括但不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,PChome科技所有文章均包含本声明。

相关文章

关键词:电脑

大家在看

已经到底了