国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css里面tr怎么隔行換色,CSS中TR隔行換色實(shí)現(xiàn)方法

前端小編 5 0

在CSS中,我們可以使用:nth-child偽類(lèi)來(lái)隔行換色,以下是一個(gè)示例:

table tr:nth-child(even) {
    background-color: #f2f2f2;
}

在這個(gè)示例中,我們使用了:nth-child(even)來(lái)選擇偶數(shù)行的表格行,并將它們的背景顏色設(shè)置為#f2f2f2,這樣,偶數(shù)行的表格行就會(huì)呈現(xiàn)出一個(gè)不同的顏色。

如果你想要隔行換色,但不想使用CSS,那么可以考慮使用JavaScript來(lái)實(shí)現(xiàn),以下是一個(gè)使用JavaScript實(shí)現(xiàn)隔行換色的示例:

var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
for (var i = 0; i < rows.length; i++) {
    if (i % 2 == 0) {
        rows[i].style.backgroundColor = "#f2f2f2";
    } else {
        rows[i].style.backgroundColor = "#ffffff";
    }
}

在這個(gè)示例中,我們獲取了表格中的所有行,并使用for循環(huán)來(lái)遍歷它們,我們使用if語(yǔ)句來(lái)判斷當(dāng)前行的索引是否為偶數(shù),如果是,則將其背景顏色設(shè)置為#f2f2f2,否則將其背景顏色設(shè)置為#ffffff,這樣,我們就可以實(shí)現(xiàn)隔行換色的效果了。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
欧美做受高潮电影| 欧美丰满老妇性猛交| CHINESE国产HDSEX| 中文字幕一区二区三区免费视频| XXX乱女少妇精品99网站| 国产精品国产三级国产在线观什 | av福利在线免费观看| 欧美丰满熟妇bbbbbb片| 国产精品人妖| www.久久综合| 黑人的又粗又长又大| 美女国产毛片a区内射| 国产高清成人| 白又丰满大屁股bbbbbxxxxx| 无套内射老熟女| 亚洲精品一区中文字幕乱码| 69精品久久久| 秋霞黄色网| 最近2019中文字幕一页| 久久老熟女一区二区蜜臀| 久久精品国产亚洲av忘忧草18| 中文字幕精品一区二区三区四区| 波多野结衣| 中文字幕免费观看全部电影网站视频在线 | 性做久久久久久久| 色免费网站| 肉色丝袜一区二区| 性色av免费| 亚洲WWW啪成人一区二区麻豆| 国产又爽又黄网站| 中文字幕一区二区三区网站视频| 国产精品人妻一区夜夜爱| 亚洲小说av| 成人做爰免费| 精品欧美色视频网站在线观看| 国产高潮精品| 妺妺窝人体色www看美女| 午夜福利片在线观看| 狠狠躁夜夜躁xxxxaaaa| 97夜夜澡人人爽人人喊中国片 | 男人扒开添女人下部高潮|