css教程:CSS网页代码编写隔行换色的技巧
来源:学生作业帮助网 编辑:作业帮 时间:2024/05/15 11:18:20 CSS
css教程:CSS网页代码编写隔行换色的技巧CSS
【无忧考网-css教程:CSS网页代码编写隔行换色的技巧】:
网页设计中我们经常会碰到用CSS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。
xmlns="">
http-equiv="Content-Type" content="text/html; charset=utf-8" />
www.devdao - 四种实现CSS隔行换色的方法
CSS
网页设计中我们经常会碰到用CSS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。
一、使用background背景图片
如果行高固定的话,推荐使用隔行换色的背景图,也推荐将行高固定,这样可以兼容一切浏览器。
二、CSS Expression
文字:color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
背景:background-color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
注意:本方法浏览器兼容度不够,不支持FF3。
三、class分别定义
- ...
- ...
- ...
- ...
实实在在的写法。
四、通过JS
xmlns="">
http-equiv="Content-Type" content="text/html; charset=utf-8" />
测试文字 | 测试文字 | 测试文字 |
测试文字 | 测试文字 | 测试文字 |
测试文字 | 测试文字 | 测试文字 |
测试文字 | 测试文字 | 测试文字 |
测试文字 | 测试文字 | 测试文字 |
测试文字 | 测试文字 | 测试文字 |
测试文字 | 测试文字 | 测试文字 |
测试文字 | 测试文字 | 测试文字 |
测试文字 | 测试文字 | 测试文字 |
测试文字 | 测试文字 | 测试文字 |
CSS