日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(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

　　文字：

 
 
 
    
  
  
  
  1. color:expression(this.sourceIndex%2?'#ff0000':'#000000');  
    2. 
  
  
  
  2.  
    3.

 　　背景：

 
 
 
    
  
  
  
  1. background-color:expression(this.sourceIndex%2?'#ff0000':'#000000');  
    2. 
  
  
  
  2.  
    3.

 　　注意：本方法瀏覽器兼容度不夠，不支持FF3。

三、class分別定義

ExampleSourceCode 

 
 
 
    
  
  
  
    1.  
  
  
  
    • ...  
      • 
  
  
  
    • ...  
      • 
  
  
  
    • ...  
      • 
  
  
  
    • ...  
      • 
  
  
  
     
    2. 
  
  
  
  2.  
    3.

實(shí)實(shí)在在的寫法。

四、通過JS看實(shí)例

SourceCodetoRun

 
 
 
    
  
  
  
  1. 
  
  
  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6. www.52CSS.com-四種實(shí)現(xiàn)CSS隔行換色的方法 
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11. 
  
  
  
  12. cellspacing="0"> 
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14. 測試文字 
    15. 
  
  
  
  15. 測試文字 
    16. 
  
  
  
  16. 測試文字 
    17. 
  
  
  
  17.  
    18. 
  
  
  
  18.  
    19. 
  
  
  
  19.  
    20. 
  
  
  
  20.  
    21.

[可先修改部分代碼再運(yùn)行查看效果]

【編輯推薦】

  1. 提高CSS文件可維護(hù)、可讀性四大技巧
  2. CSS網(wǎng)頁布局中文字排版九大技巧
  3. 解析CSS網(wǎng)頁布局的意義與副作用
  4. 實(shí)用但不被IE支持的十大CSS屬性
  5. CSS中id與class命名規(guī)則及編碼最佳習(xí)慣

本文名稱：四種方法輕松實(shí)現(xiàn)CSS隔行換色
本文地址：http://www.dlmjj.cn/article/dphdgss.html