不用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)文章
昨夜與群友討論圖片垂直居中時(shí),突然想到與這很相像的DIV垂直居中效果.raozou分享了他的效果代碼,今將其整理,特貼下來(lái)大家一起分享2008-07-07
用iframe margin實(shí)現(xiàn)調(diào)用其他網(wǎng)頁(yè)的某一區(qū)域的方法
用iframe margin實(shí)現(xiàn)調(diào)用其他網(wǎng)頁(yè)的某一區(qū)域的方法...2007-12-12![CSS expression控制圖片自動(dòng)縮放效果代碼[兼容 IE,Firefox]](http://img.jbzj.com/images/xgimg/bcimg2.png)
CSS expression控制圖片自動(dòng)縮放效果代碼[兼容 IE,Firefox]
一直以來(lái)有個(gè)很頭疼的問(wèn)題困擾著我，那就是圖片縮放的問(wèn)題，寫到 JS 里面吧，不太容易修改。寫到 CSS 里面吧，IE 6 又不支持 max-width2008-09-09
最近發(fā)現(xiàn)好多用margin-top實(shí)現(xiàn)的，上邊距效果一直沒(méi)有，一直都不知道什么原因，今天偶然看到了，特分享給大家2008-11-11
css——之三行三列等高布局圖文教程...2007-04-04
廣告放在文章頁(yè)左上角的解決辦法二...2007-03-03
CSS條件注釋的使用詳解教材...2007-03-03
在Web開(kāi)發(fā)中,CSS負(fù)責(zé)美化HTML文檔,掌握層疊、優(yōu)先級(jí)和繼承是理解和應(yīng)用CSS的關(guān)鍵,層疊規(guī)則解決樣式?jīng)_突,優(yōu)先級(jí)決定多重樣式的應(yīng)用,而繼承則讓元素共享某些樣式屬性,理解這些概念有助于開(kāi)發(fā)者有效管理和優(yōu)化網(wǎng)頁(yè)的視覺(jué)表現(xiàn)2024-09-09
使用CSS解決文字環(huán)繞圖片問(wèn)題的代碼...2007-12-12
