欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css控制table奇偶行

曹雅靜1年前6瀏覽0評論

CSS控制table奇偶行顏色的方法非常簡單,我們可以通過設置CSS樣式來實現。

table {
width: 100%;
border-collapse: collapse;
}
/* 設置偶數行的背景色 */
tr:nth-child(even) {
background-color: #f2f2f2;
}
/* 設置奇數行的背景色 */
tr:nth-child(odd) {
background-color: #fff;
}
/* 設置表頭的背景色 */
th {
background-color: #ddd;
font-weight: bold;
text-align: left;
padding: 5px;
border: 1px solid #000;
}
/* 設置單元格的邊框和內邊距 */
td {
border: 1px solid #000;
padding: 5px;
}

這里我們使用CSS的nth-child選擇器來為偶數行和奇數行設置不同的背景色。如果需要設置表頭的樣式,可以使用th元素選擇器來設置表頭的背景色和邊框樣式,如果需要設置單元格的樣式,可以使用td元素選擇器來設置單元格的邊框樣式和內邊距。