網頁設計中我們經常會碰到用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隔行換色的方法
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
測試文字
|
|