淮安阂九旅行社

廣東福建浙江江蘇上海北京山東遼寧江西河南四川湖北湖南廣西安徽黑龍江天津重慶吉林河北貴州甘肅山西云南新疆寧夏海南陜西西藏青海內蒙古

新聞中心

CSS網頁代碼編寫技巧:隔行換色的實現
發布時間:2014-10-11 23:28:23

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

測試文字 測試文字 測試文字
測試文字 測試文字 測試文字
測試文字 測試文字 測試文字
測試文字 測試文字 測試文字
測試文字 測試文字 測試文字
測試文字 測試文字 測試文字
測試文字 測試文字 測試文字
測試文字 測試文字 測試文字
測試文字 測試文字 測試文字
測試文字 測試文字 測試文字


相關說明: 您可以通過電話:020-85421558 與我們聯系,我們會根據您所從事的行業領域和網站類型,在最短的時間內請我們的營銷顧問與您預約后上門拜訪您,直接面談交流為您解答所有的網站建設疑問。
上一篇:CSS欺騙,讓背景不能滾動       下一篇:css技巧-經典中的經典

提供全國各地網站建設服務

上海北京深圳廣州天津南京大連杭州沈陽成都東莞濟南佛山無錫長沙武漢寧波長春蘇州青島珠海大慶福州廈門常州鄭州煙臺西安合肥南寧重慶東營昆明威海中山南昌紹興太原惠州溫州徐州揚州淄博鎮江鞍山保定銀川南通洛陽嘉興臺州桂林貴陽蘭州盤錦漳州黃石唐山濰坊湘潭肇慶吉林江門?株洲泉州泰州包頭柳州德州韶關寶雞金華鹽城新鄉十堰廊坊玉溪濟寧滄州蕪湖湖州梧州泰安安陽遼陽舟山梅州常德三明連云港哈爾濱秦皇島馬鞍山石家莊呼和浩特

 
備案系統認證 舉報不良網站 我們的支付方式 AAA級信用
廣州萬戶網絡信息科技有限公司 旗下網站建設品牌:萬戶網 www.ipaocai.com 版權所有 ©2000-2019 All Rights Reserved
網站備案編號:粵ICP備15049595號 地址:廣州市番禺區大石街北聯圍仔工業路2號E座305
電話:020-85421558   傳真:020-88140140   郵編:510515