新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
四種方法輕松實(shí)現(xiàn)CSS隔行換色
本文和大家重點(diǎn)討論一下四種實(shí)現(xiàn)CSS隔行換色的方法,它們分別是background背景圖片,CSSExpression,使用class分別定義,通過JS看實(shí)例,希望本文介紹對你有所幫助。

四種實(shí)現(xiàn)CSS隔行換色的方法
CSS隔行換色的問題,其實(shí)很簡單,您可以根據(jù)您的需要,采用下面的任何一種方法,當(dāng)然,要適合你的編碼與需求情況:
一、background背景圖片
如果行高固定的話,推薦使用背景圖,也推薦將行高固定!兼容一切瀏覽器。
二、CSSExpression
文字:
- color:expression(this.sourceIndex%2?'#ff0000':'#000000');
背景:
- background-color:expression(this.sourceIndex%2?'#ff0000':'#000000');
注意:本方法瀏覽器兼容度不夠,不支持FF3。
三、class分別定義
ExampleSourceCode
... - ...
... - ...
實(shí)實(shí)在在的寫法。
四、通過JS看實(shí)例
SourceCodetoRun
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
www.52CSS.com-四種實(shí)現(xiàn)CSS隔行換色的方法 - cellspacing="0">
測試文字 測試文字 測試文字


咨詢
建站咨詢