CSS是網頁設計中不可缺少的一部分，它不僅可以美化網頁，還可以讓網頁更加直觀易懂。其中，用CSS做出表格效果則是CSS的一大實用功能。

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

上述代碼是表格的HTML結構代碼，接下來，我們就可以為這個表格添加CSS樣式代碼，美化表格外觀。

table {
border-collapse: collapse;
margin: 10px;
}
td, th {
border: 1px solid #ccc;
padding: 5px;
}
th {
background-color: #eee;
font-weight: bold;
}

上述代碼中，我們為表格設置了邊框合并和外邊距，并為表格單元格設置邊框樣式和內邊距，同時為表格標題設置了背景色和字體加粗。

這樣，我們就用CSS成功美化了表格外觀，同時也提高了表格的可視性和易讀性。