这篇文章使用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>
|