不用javascript實(shí)現(xiàn)帶序號(hào)的表格隔行換色的效果
更新時(shí)間:2007年11月15日 21:37:57 投稿:mdxy-dxy
這篇文章使用css實(shí)現(xiàn)隔行換色的方法,需要的朋友可以參考一下
核心代碼
<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>行深般若波羅密多時(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>
相關(guān)文章
css font縮寫(xiě)總結(jié)附實(shí)例
css 縮寫(xiě)2008-06-06
網(wǎng)頁(yè)設(shè)計(jì)布局基礎(chǔ)
網(wǎng)頁(yè)設(shè)計(jì)布局基礎(chǔ)...2007-02-02
使用display:none時(shí)隱藏DOM元素?zé)o法獲取實(shí)際寬高的解決方法
這篇文章主要介紹了使用display:none時(shí)隱藏DOM元素?zé)o法獲取實(shí)際寬高的解決方法的相關(guān)資料,需要的朋友可以參考下2022-07-07
網(wǎng)頁(yè)中英文混排行高不等問(wèn)題的解決方法
癥狀描述:在ie下(6或7,8沒(méi)有試過(guò))當(dāng)出現(xiàn)中英文混排,都采用默認(rèn)字體時(shí),并使用 li 列表做float時(shí),會(huì)出現(xiàn)如上圖的癥狀,文字排列上下不對(duì)齊的情況。2008-08-08
不通過(guò)JavaScript實(shí)現(xiàn)的自動(dòng)滾動(dòng)視差效果
這篇文章介紹了一種通過(guò)CSS3實(shí)現(xiàn)的視差(Parallax)效果,這個(gè)效果通過(guò)在一個(gè)元素上疊加多個(gè)背景圖片,并使用-webkit- transition-屬性來(lái)實(shí)現(xiàn)。2009-04-04

