建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!
当前位置:建站学习网 > DIV+CSS教程 > DIV CSS教程 >

文字列表前带数字1234 隔行换色

整理编辑:建站学习网 更新时间:2017-01-08 阅读:0

 推荐使用!纯CSS,无需js代码。

<style>
.test{
border:1px solid #000;
color:#333;
font:14px;
}
.test ol li{
padding-left:5px;
line-height:25px;
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>xker.com</li>
</ol>
</div>

转载请注明出处:https://www.dedexuexi.com/divcss/jc/2335.html

关键词:技巧