CSS網(wǎng)頁隔行換色技巧
來源:程序員人生 發(fā)布時間:2014-04-27 21:50:28 閱讀次數(shù):3228次
CSS隔行換色的問題,其實(shí)很簡單,您可以根據(jù)您的需要,采用下面的任何一種方法,當(dāng)然,要適合你的編碼與需求情況:
一、background背景圖片
如果行高固定的話,推薦使用背景圖,也推薦將行高固定!兼容一切瀏覽器。
二、CSS Expression
文字:color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
背景:background-color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
注意:本方法瀏覽器兼容度不夠,不支持FF3。
三、class分別定義
<ul>
<li class="bgcolor">...
<li>...
<li class="bgcolor">...
<li>...
</ul>
實(shí)實(shí)在在的寫法。
四、通過JS 看實(shí)例
運(yùn)行代碼框
生活不易,碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈