您所在的位置:小祥子 » 编程 » CSS » 正文

CSS li标签隔行换色

时间:2015-01-23 编辑:佚名 来源:互联网

代码如下,CSS使用expression相当于半个JS,做了一个判断。

<style type="text/css">
.myul1 LI{background-color: expression(this.sourceIndex%2==0?'#9FB7F6':'#B6C8F8');
}
</style>
<ul class="myul1">
<li>分类一</li>
<li>分类二</li>
<li>分类三</li>
<li>分类四</li>
<li>分类五</li>
</ul>

当然,还有就是直接在程序里设置每次输出一个li,分别赋予一个class为c1与c2,再分别对c1与c2定义css样式。

关键词:CSS 换色 隔行 li