CSS 是前端開發中的一種層疊樣式表語言，它可以用來美化網頁的樣式。在網頁開發中，表格也是一個常用的標簽，下面我們來介紹一下怎樣使用 CSS 來美化表格。
首先，我們需要在 HTML 中添加表格標簽及其內容，如下所示:

<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>張三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
<td>女</td>
</tr>
</table>

以上是一個簡單的表格，它包含姓名、年齡和性別三個字段以及兩個數據行。接下來，我們來使用 CSS 來美化這個表格。
首先，我們可以給表格添加邊框，代碼如下：

<style>
table {
border: 1px solid #ccc;
border-collapse: collapse;
}
th,td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
</style>

以上代碼給表格和單元格添加了 1px 的實線邊框，并設置了邊框的顏色和樣式。其中，border-collapse 屬性可以將相鄰單元格的邊框合并，使表格的樣式更整齊。
接著，我們可以給表格添加背景顏色和字體顏色，代碼如下：

<style>
table {
border: 1px solid #ccc;
border-collapse: collapse;
background: #f5f5f5;
}
th,td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
color: #333;
}
</style>

以上代碼將表格的背景色設置為淡灰色，并將字體的顏色設置為黑色。
最后，我們可以給表格添加鼠標懸停時的高亮效果，代碼如下：

<style>
table {
border: 1px solid #ccc;
border-collapse: collapse;
background: #f5f5f5;
}
th,td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
color: #333;
}
tr:hover {
background: #ececec;
}
</style>

以上代碼在鼠標懸停在單元格上時，將單元格的背景色設置為淡灰色，以達到高亮的效果。
以上就是使用 CSS 對表格進行美化的基本方法，希望對大家有所幫助。