日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
四種方法輕松實現(xiàn)CSS隔行換色

本文和大家重點討論一下四種實現(xiàn)CSS隔行換色的方法，它們分別是background背景圖片，CSSExpression，使用class分別定義，通過JS看實例，希望本文介紹對你有所幫助。

四種實現(xiàn)CSS隔行換色的方法

CSS隔行換色的問題，其實很簡單，您可以根據(jù)您的需要，采用下面的任何一種方法，當然，要適合你的編碼與需求情況：

一、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.

實實在在的寫法。

四、通過JS看實例

SourceCodetoRun

 
 
 
    
  
  
  
  1. 
  
  
  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6. www.52CSS.com-四種實現(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.

[可先修改部分代碼再運行查看效果]

【編輯推薦】

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

當前題目：四種方法輕松實現(xiàn)CSS隔行換色
文章出自：http://m.5511xx.com/article/dphdgss.html