|
網頁設計中我們經常會碰到用CSS（層疊樣式表）實現隔行換色的需求，您可以根據您的需要，采用下面的任何一種方法，當然要注意適合你的具體編碼與需求情況。
一、使用background背景圖片
如果行高固定的話，推薦使用隔行換色的背景圖，也推薦將行高固定，這樣可以兼容一切瀏覽器。
二、CSS Expression
文字：color:expression(this.sourceIndex%2 ? ’#ff0000’:’#000000’);
背景：background-color:expression(this.sourceIndex%2 ? ’#ff0000’:’#000000’);
注意：本方法瀏覽器兼容度不夠，不支持FF3。
三、class分別定義
實實在在的寫法。
四、通過JS
www.devdao.com - 四種實現CSS隔行換色的方法
|
測試文字
|
測試文字
|
測試文字
|
|
測試文字
|
測試文字
|
測試文字
|
|
測試文字
|
測試文字
|
測試文字
|
|
測試文字
|
測試文字
|
測試文字
|
|
測試文字
|
測試文字
|
測試文字
|
|
測試文字
|
測試文字
|
測試文字
|
|
測試文字
|
測試文字
|
測試文字
|
|
測試文字
|
測試文字
|
測試文字
|
|
測試文字
|
測試文字
|
測試文字
|
|
測試文字
|
測試文字
|
測試文字
|
|
