在CSS中，我們可以使用nth-child偽類(lèi)來(lái)隔一行設(shè)置顏色，以下是一個(gè)示例，展示如何為HTML表格中的奇數(shù)行設(shè)置顏色：
<!DOCTYPE html>
<html>
<head>
<style>
table {
width: 100%;
border-collapse: collapse;
}
table tr:nth-child(odd) {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>張三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
<tr>
<td>***五</td>
<td>35</td>
<td>男</td>
</tr>
</table>
</body>
</html>在這個(gè)示例中，我們?yōu)镠TML表格中的奇數(shù)行（tr:nth-child(odd)）設(shè)置了背景顏色（background-color: #f2f2f2;），這樣，表格中的奇數(shù)行就會(huì)顯示為灰色背景，偶數(shù)行則保持默認(rèn)顏色，這種方法可以使得表格更加易讀和美觀(guān)。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
