您现在的位置:主页 > CSS实例 > 文章内容

四种实现CSS隔行换色的方法

作者:admin     来源:未知     日期:2012-01-09    点击:0
  CSS隔行换色的问题,其实很简单,您可以根据您的需要,采用下面的任何一种方法,当然,要适合你的编码与需求情况:

一、background背景图片
  如果行高固定的话,推荐使用背景图,也推荐将行高固定!兼容一切浏览器。

二、CSS Expression
  文字:color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
  背景:background-color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
  注意:本方法浏览器兼容度不够,不支持FF3。

三、class分别定义

div css xhtml xml Example Source Code Example Source Code [www.]<ul>
<li class="bgcolor">...
<li>...
<li class="bgcolor">...
<li>...
</ul>
实实在在的写法。

四、通过JS 看实例

div css xhtml xml Source Code to Run Source Code to Run [www.]
   用户名: (新注册)  密码: 匿名评论 [所有评论]     注意:(评论内容不能超过250字,需审核后才会公布,可以匿名评论,请自觉遵守互联网相关政策法规。)

精彩广告

    精彩推荐


      Copyright © 2011-2013 CSS教程网 版权所有