设为首页 - 加入收藏 湛江站长网 (http://www.aseasononthemountain.com)- 国内知名站长资讯网站,提供最新最全的站长资讯,创业经验,网站建设等!
热搜: 网站 站长之家 什么 平台
当前位置: 金亚洲官网 > 创业 > 正文

CSS网页代码编写技巧-隔行换色的实现

发布时间:2018-08-22 10:53 所属栏目:[创业] 来源:站长网
导读:网页设计中我们经?;崤龅接肅SS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话,推荐使用隔行换色的背景图,也推荐将行高固定,这
网页设计中我们经?;崤龅接肅SS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。

金亚洲官网 www.aseasononthemountain.com   一、使用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>

  实实在在的写法。

  四、通过JS



【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章