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

新聞中心

CSS網(wǎng)頁(yè)代碼編寫技巧:隔行換色的實(shí)現(xiàn)
發(fā)布時(shí)間:2014-10-11 23:28:23

網(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í)在在的寫法。

  四、通過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è)試文字


相關(guān)說明: 您可以通過電話:020-85421558 與我們聯(lián)系,我們會(huì)根據(jù)您所從事的行業(yè)領(lǐng)域和網(wǎng)站類型,在最短的時(shí)間內(nèi)請(qǐng)我們的營(yíng)銷顧問與您預(yù)約后上門拜訪您,直接面談交流為您解答所有的網(wǎng)站建設(shè)疑問。
上一篇:CSS欺騙,讓背景不能滾動(dòng)       下一篇:css技巧-經(jīng)典中的經(jīng)典

提供全國(guó)各地網(wǎng)站建設(shè)服務(wù)

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

 
備案系統(tǒng)認(rèn)證 舉報(bào)不良網(wǎng)站 我們的支付方式 AAA級(jí)信用
廣州萬戶網(wǎng)絡(luò)信息科技有限公司 旗下網(wǎng)站建設(shè)品牌:萬戶網(wǎng) m.moderntrendboss.com 版權(quán)所有 ©2000-2019 All Rights Reserved
網(wǎng)站備案編號(hào):粵ICP備15049595號(hào) 地址:廣州市番禺區(qū)大石街北聯(lián)圍仔工業(yè)路2號(hào)E座305
電話:020-85421558   傳真:020-88140140   郵編:510515