不用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