效果演示:

CSS代碼:
XML/HTML代碼:
摘自:weblog.jenfy.cn

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>
.test{
border:1px solid #000;
color:#333;
font:12px;
}
.test ol li{
padding-left:5px;
background-color:expression(this.sourceIndex%2? '#efefef':'#fefefe');
}
</style>
XML/HTML代碼:
<div class="test">
<ol>
<li>觀自在菩薩</li>
<li>行深般若波羅密多時(shí)</li>
<li>照見(jiàn)五蘊(yùn)皆空</li>
<li>度一切苦厄</li>
<li>舍利子</li>
<li>色不異空</li>
<li>空不異色</li>
<li>色既是空</li>
<li>空既是色</li>
<li>受想行識(shí)</li>
<li>亦復(fù)如是</li>
<li>舍利子</li>
<li>是諸法空相</li>
<li>不生不滅</li>
<li>不垢不凈</li>
<li>不增不減</li>
<li>是故空中無(wú)色</li>
<li>無(wú)受想行識(shí)</li>
</ol>
</div>
可惜這種效果只能用在IE中,F(xiàn)irefox中就無(wú)效了。expression屬于不建議使用的。<ol>
<li>觀自在菩薩</li>
<li>行深般若波羅密多時(shí)</li>
<li>照見(jiàn)五蘊(yùn)皆空</li>
<li>度一切苦厄</li>
<li>舍利子</li>
<li>色不異空</li>
<li>空不異色</li>
<li>色既是空</li>
<li>空既是色</li>
<li>受想行識(shí)</li>
<li>亦復(fù)如是</li>
<li>舍利子</li>
<li>是諸法空相</li>
<li>不生不滅</li>
<li>不垢不凈</li>
<li>不增不減</li>
<li>是故空中無(wú)色</li>
<li>無(wú)受想行識(shí)</li>
</ol>
</div>
摘自:weblog.jenfy.cn