CSS表格是網(wǎng)頁(yè)設(shè)計(jì)中非常常用的一種元素。它可以幫助我們以直觀的方式呈現(xiàn)數(shù)據(jù)和信息。但是，很多時(shí)候我們需要給表格的每行設(shè)置不同的間距。接下來(lái)，我們將介紹如何通過(guò)CSS實(shí)現(xiàn)這個(gè)需求。

/* 給表格設(shè)置樣式 */
table {
border-collapse: collapse;
width: 100%;
}
/* 給表格每一行設(shè)置不同的間距 */
table tr:nth-child(odd) {
height: 50px;
}
table tr:nth-child(even) {
height: 100px;
}
/* 給表格單元格設(shè)置樣式 */
td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}

如上所示，我們采用了CSS中的:nth-child選擇器給表格每一行設(shè)置不同的間距。其中，nth-child(odd)選擇器選擇了表格的奇數(shù)行，我們給它們?cè)O(shè)置了一個(gè)高度為50px的樣式；nth-child(even)選擇器選擇了表格的偶數(shù)行，我們給它們?cè)O(shè)置了一個(gè)高度為100px的樣式。

通過(guò)上述CSS代碼，我們已經(jīng)成功地為表格的每一行設(shè)置了不同的間距。接下來(lái)，我們可以應(yīng)用這個(gè)樣式來(lái)設(shè)計(jì)更加直觀美觀的網(wǎng)頁(yè)。