WEB2.0

您的位置:首页 > 网站专题 > WEB2.0 > 详细内容>

CSS代码小技巧轻松实现隔行换色

2010-09-23 12:54 作者: [大 中 小]

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

一、使用background背景图片

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

二、CSS Expression

文字:color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
背景:background-color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
注意:本方法浏览器兼容度不够,不支持FF3。

三、class分别定义

实实在在的写法。

四、通过JS

本页关键词:

上一篇:全面了解CSS内置颜色(color)值 下一篇:CSS:浮动清理另类方法