CSS网页隔行换色技巧
2008-08-15 09:40:13 来源:网页教学网整理
CSS隔行换色的问题，其实很简单，您可以根据您的需要，采用下面的任何一种方法，当然，要适合你的编码与需求情况：
一、background背景图片
如果行高固定的话，推荐使用背景图，也推荐将行高固定！兼容一切浏览器。
二、CSS Expression
文字：color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
背景：background-color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
注意：本方法浏览器兼容度不够，不支持FF3。
三、class分别定义
实实在在的写法。
四、通过JS 看实例
一、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>
<li class="bgcolor">...
<li>...
<li class="bgcolor">...
<li>...
</ul>
实实在在的写法。
四、通过JS 看实例
运行代码框
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
上一篇：构建网站合理规划CSS文件
下一篇：搜索引擎优化（SEO）的细节内容
文章评论
共有 0 位网友发表了评论 查看完整内容