CSS中設(shè)置表格table的樣式可以實(shí)現(xiàn)賦予表格視覺效果的作用，使得網(wǎng)頁(yè)設(shè)計(jì)更加美觀。下面我們將演示如何利用CSS設(shè)置表格的樣式。

/* 設(shè)置表格的邊框樣式 */
table {
border-collapse: collapse; /* 合并單元格邊框 */
border: 1px solid black; /* 整個(gè)表格邊框 */
}
/* 設(shè)置表頭單元格樣式 */
th {
background-color: #666; /* 表頭背景色 */
color: #fff; /* 表頭字體顏色 */
font-weight: bold; /* 表頭字體加粗 */
padding: 5px 10px; /* 表頭單元格內(nèi)邊距 */
}
/* 設(shè)置奇數(shù)行單元格樣式 */
tr:nth-child(odd) {
background-color: #f2f2f2; /* 奇數(shù)行背景色 */
}
/* 設(shè)置單元格邊框和內(nèi)邊距 */
td {
border: 1px solid black; /* 單元格邊框 */
padding: 5px 10px; /* 單元格內(nèi)邊距 */
}

代碼中我們使用了table選擇器來(lái)設(shè)置表格的整體樣式，包括邊框合并和整個(gè)表格的邊框

接下來(lái)，我們利用th選擇器對(duì)表頭單元格設(shè)置樣式。我們?cè)O(shè)置了表頭背景色、字體顏色、字體加粗和內(nèi)邊距。

為了讓表格更加清晰，我們接著設(shè)置了奇數(shù)行的背景色，同時(shí)使用了tr:nth-child(odd)選擇器來(lái)實(shí)現(xiàn)這個(gè)樣式。

最后，我們使用了td選擇器來(lái)給單元格設(shè)置樣式，包括邊框和內(nèi)邊距。這樣表格就可以展現(xiàn)出更加美觀的效果。