不用javascript实现带序号的表格隔行换色的效果
投稿: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>