CSS網頁隔行換色技巧
來源：程序員人生 發布時間：2014-04-27 21:50:28 閱讀次數：3236次
CSS隔行換色的問題，其實很簡單，您可以根據您的需要，采用下面的任何一種方法，當然，要適合你的編碼與需求情況：
一、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>
實實在在的寫法。
四、通過JS 看實例
運行代碼框
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
