不用javascript实现带序号的表格隔行换色的效果
更新时间：2007年11月15日 21:37:57 投稿：mdxy-dxy
这篇文章使用css实现隔行换色的方法，需要的朋友可以参考一下
核心代码
<style>
.test{
border:1px solid #000;
color:#333;
font:12px;
}
.test ol li{
padding-left:5px;
background-color:expression(this.sourceIndex%2? '#efefef':'#fefefe');
}
</style>
<div class="test">
<ol>
<li>观自在菩萨</li>
<li>行深般若波罗密多时</li>
<li>照见五蕴皆空</li>
<li>度一切苦厄</li>
<li>舍利子</li>
<li>色不异空</li>
<li>空不异色</li>
<li>色既是空</li>
<li>空既是色</li>
<li>受想行识</li>
<li>亦复如是</li>
<li>舍利子</li>
<li>是诸法空相</li>
<li>不生不灭</li>
<li>不垢不净</li>
<li>不增不减</li>
<li>是故空中无色</li>
<li>无受想行识</li>
</ol>
</div>
相关文章
昨夜与群友讨论图片垂直居中时,突然想到与这很相像的DIV垂直居中效果.raozou分享了他的效果代码,今将其整理,特贴下来大家一起分享2008-07-07
用iframe margin实现调用其他网页的某一区域的方法
用iframe margin实现调用其他网页的某一区域的方法...2007-12-12![CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]](//img.jbzj.com/images/xgimg/bcimg2.png)
CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
一直以来有个很头疼的问题困扰着我，那就是图片缩放的问题，写到 JS 里面吧，不太容易修改。写到 CSS 里面吧，IE 6 又不支持 max-width2008-09-09
最近发现好多用margin-top实现的，上边距效果一直没有，一直都不知道什么原因，今天偶然看到了，特分享给大家2008-11-11
css——之三行三列等高布局图文教程...2007-04-04
2008-09-09
广告放在文章页左上角的解决办法二...2007-03-03
CSS条件注释的使用详解教材...2007-03-03
在Web开发中,CSS负责美化HTML文档,掌握层叠、优先级和继承是理解和应用CSS的关键,层叠规则解决样式冲突,优先级决定多重样式的应用,而继承则让元素共享某些样式属性,理解这些概念有助于开发者有效管理和优化网页的视觉表现2024-09-09
使用CSS解决文字环绕图片问题的代码...2007-12-12
![CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]](http://img.jbzj.com/images/xgimg/bcimg2.png)
最新评论