您现在的位置是：网站首页> 编程资料编程资料
CSS网页隔行换色技巧_CSS教程_CSS_网页制作_
2021-09-10
1168人已围观
简介 CSS隔行换色的问题，其实很简单，您可以根据您的需要，采用下面的任何一种方法，当然，要适合你的编码与需求情况： 一、background背景图片 如果行高固定的话，推荐使用背景图，也推荐将行高固定！兼容一切浏览器。 二、CSSExpression 文字：color:expression(th
CSS隔行换色的问题，其实很简单，您可以根据您的需要，采用下面的任何一种方法，当然，要适合你的编码与需求情况：
一、background背景图片
如果行高固定的话，推荐使用背景图，也推荐将行高固定！兼容一切浏览器。
二、CSSExpression
文字：color:expression(this.sourceIndex%2?'#ff0000':'#000000');
背景：background-color:expression(this.sourceIndex%2?'#ff0000':'#000000');
注意：本方法浏览器兼容度不够，不支持FF3。
三、class分别定义
实实在在的写法。
四、通过JS看实例
运行代码框
[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]
一、background背景图片
如果行高固定的话，推荐使用背景图，也推荐将行高固定！兼容一切浏览器。
二、CSSExpression
文字：color:expression(this.sourceIndex%2?'#ff0000':'#000000');
背景：background-color:expression(this.sourceIndex%2?'#ff0000':'#000000');
注意：本方法浏览器兼容度不够，不支持FF3。
三、class分别定义
- ...
- ...
- ...
实实在在的写法。
四、通过JS看实例
运行代码框
[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]
相关内容
- CSS教程:优先级问题的考虑实例_CSS教程_CSS_网页制作_
- 不成熟的标准化_Web标准教程_CSS_网页制作_
- 保存CSS中的图片的几种方法_CSS教程_CSS_网页制作_
- CSS样式表层叠（cascade）处理冲突_CSS教程_CSS_网页制作_
- CSS网页设计技巧十则_CSS教程_CSS_网页制作_
- Javascript动态创建 style 节点_CSS教程_CSS_网页制作_
- 让XHTML元素的命名规则更加合理_CSS教程_CSS_网页制作_
- ul结合CSS制作网页相册滑动浏览效果_CSS教程_CSS_网页制作_
- CSS Sprite图片处理技巧_CSS教程_CSS_网页制作_
- CSS教程：CSS到底是干什么用的？_CSS教程_CSS_网页制作_
