不用javascript实现带序号的表格隔行换色的效果

所属分类: 网络编程 / CSS/HTML 阅读数: 752
收藏 0 赞 0 分享

核心代码

<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> 

更多精彩内容其他人还在看

推荐深入理解css中的position定位和z-index属性

推荐深入理解css中的position定位和z-index属性
收藏 0 赞 0 分享

不错的10个你未必知道的CSS技巧

不错的10个你未必知道的CSS技巧
收藏 0 赞 0 分享

一点小小的创意css鼠标放上去则显示电话号码

一点小小的创意css鼠标放上去则显示电话号码
收藏 0 赞 0 分享

固定表格的高度超过指定高度就隐藏的方法

固定表格的高度超过指定高度就隐藏的方法
收藏 0 赞 0 分享

推荐个Css的filter常用滤波器属性及语句大全

推荐个Css的filter常用滤波器属性及语句大全
收藏 0 赞 0 分享

淘宝段正淳的css笔记大全第1/4页

淘宝段正淳的css笔记大全
收藏 0 赞 0 分享

CSS实现的一个图片放大展示的一种思路

CSS实现的一个图片放大展示的一种思路
收藏 0 赞 0 分享

用css滤镜实现的文字描边效果的代码

用css滤镜实现的文字描边效果的代码
收藏 0 赞 0 分享

用css实现的带阴影的表格效果的代码

用css实现的带阴影的表格效果的代码
收藏 0 赞 0 分享

又一实用的常用CSS缩写语法收集

又一实用的常用CSS缩写语法收集
收藏 0 赞 0 分享
查看更多