可以使用jquery來實(shí)現(xiàn) 例如 $("table tr:odd").css("background","#fff");或者使用css3,例如table tr:2n{background:#fff;}
創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比武進(jìn)網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式武進(jìn)網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋武進(jìn)地區(qū)。費(fèi)用合理售后完善,十年實(shí)體公司更值得信賴。
li:nth-of-type(odd)?{......}??/*--這是奇數(shù)行--*/
li:nth-of-type(even)?{......}??/*--這是偶數(shù)行--*/
可以啊,用css3或者jq實(shí)現(xiàn)。
可以使用css3的奇偶選擇器,如:
tr:nth-child(odd){background-color:#FFE4C4;}
tr:nth-child(even){background-color:#F0F0F0;}
li:nth-child(odd)是設(shè)置奇數(shù)行的背景色,li:nth-child(even)是設(shè)置偶數(shù)行的。但是css3不兼容IE9以下的瀏覽器,如果需要考慮到兼容問題的話,可以使用jq設(shè)置,如:
$("table??tr:nth-child(even)").css("background-color","#FFE4C4");????//設(shè)置偶數(shù)行的背景色
$("table??tr:nth-child(odd)").css("background-color","#F0F0F0");????//設(shè)置奇數(shù)行的背景色