CSS3表格奇偶性顏色

在網頁設計中，表格是經常使用的元素。為了使表格更加美觀，我們可以使用CSS3給表格添加奇偶性顏色。即使是簡單的表格也會因此變得更有吸引力。

使用CSS3給表格添加奇偶性顏色非常簡單。我們只需要在CSS樣式表中添加如下代碼：

table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}

首先，我們應用了樣式border-collapse: collapse;來合并單元格邊框。接下來，我們定義了表格中的單元格th，td的文本居左且內邊距為8像素。

最后，我們使用偽類選擇器tr:nth-child(even)選中所有偶數行，并將其背景顏色定義為灰色。如果要改變奇數行的顏色，只需要將even改為odd即可。

通過使用CSS3為表格添加奇偶性顏色，我們可以更好地提高網頁的用戶體驗和美觀度。