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