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

 

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

　　一、使用background背景图片

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

　　二、CSS Expression

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

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

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

　　三、class分别定义

<ul>
<li class="bgcolor">...
<li>...
<li class="bgcolor">...
<li>...
</ul>