CSS表格內顏色設置

table {
border-collapse: collapse;
}
td {
background-color: #F5F5F5;
padding: 10px;
}
tr:nth-child(even) td {
background-color: #ECECEC;
}
tr:nth-child(odd) td {
background-color: #F7F7F7;
}

在網頁中，表格是非常常見的一種元素，一個好的顏色設置可以讓表格更加美觀和易讀。在CSS中，我們可以通過多種方式設置表格的顏色。

首先，使用background-color屬性可以為每個單元格設置背景顏色。例如，我們將單元格的背景顏色設置為#F5F5F5：

td {
background-color: #F5F5F5;
}

這樣每個單元格的背景顏色就會變成淺灰色。你可以根據你的需要選擇不同的顏色。

除了為每個單元格都設置相同顏色，我們也可以為偶數行單元格設置一個顏色，為奇數行單元格設置另一個顏色。可以通過以下代碼實現：

tr:nth-child(even) td {
background-color: #ECECEC;
}
tr:nth-child(odd) td {
background-color: #F7F7F7;
}

這樣做可以讓表格看起來更加整潔，易讀。你可以根據具體情況選擇不同的顏色。

在設置表格的顏色時，還應注意合理的顏色搭配，不要讓表格的顏色過于鮮艷奪目，影響讀者的閱讀體驗。