CSS創建Web表格

table {
border-collapse: collapse;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}

要創建一個網頁表格，使用HTML表格標簽沒有問題，但CSS提供了更多的布局和樣式選項?，F在我們將看到如何使用CSS來創建一個基本的Web表格。

首先，在CSS中，我們選擇大多數元素并應用了一些樣式。我們默認希望表格具有100%的寬度和1個像素的黑色邊框。我們還應用了border-collapse以確保邊框相鄰，而不是重疊。

我們還需要一些基本的樣式來美化表格。我們添加一個灰色的背景色作為表頭的背景顏色，并使用padding使表與內容分開。我們還給表單中的偶數行添加了背景色以增加對比度。

總的來說，這個基本的CSS可以讓我們創建一個整潔的表格。