CSS網頁表格美化是網頁設計中非常重要的部分，它使表格更加漂亮和易于閱讀。下面就讓我們來學習一下如何使用CSS來美化網頁表格。

/* 給表格添加樣式 */
table {
border-collapse: collapse;
width: 100%;
max-width: 800px;
margin: 0 auto;
font-size: 16px;
font-weight: normal;
color: #333;
text-align: left;
background-color: #f2f2f2;
border: 1px solid #ddd;
}
/* 給表頭添加樣式 */
th {
background-color: #777;
color: #fff;
padding: 10px;
border: 1px solid #ddd;
}
/* 給表格單元格添加樣式 */
td {
padding: 10px;
border: 1px solid #ddd;
}
/* 鼠標懸停時，讓單元格背景色更改 */
tr:hover {
background-color: #ddd;
}

通過給表格、表頭和表格單元格添加不同的樣式，我們可以輕松地美化網頁表格。在上述代碼中，我們使用了border-collapse屬性來去除表格單元格之間的空隙，width屬性設置表格的寬度，并使用max-width屬性防止表格變得過于寬大。我們還使用了一些其他的CSS屬性，如text-align屬性來設置表格單元格中文本的對齊方式，font-size屬性來改變表格中文字的大小，以及background-color屬性來設置表格的背景顏色。

最后，在鼠標懸停在表格上方時，我們增加了一個:hover偽類來更改表格單元格的背景顏色，幫助用戶更好地識別表格中的數據。

總之，使用CSS來美化網頁表格，不僅可以讓表格更美觀和易于閱讀，也可以增加網站的整體風格和質感。