CSS表格自適應寬度是一個非常常見的網頁布局技巧。它允許表格隨著頁面的大小變化而自動調整寬度，使得網頁更符合用戶的閱讀習慣。使用CSS表格自適應寬度，可以達到良好的排版效果，使得網頁變得更加美觀。

table {
width: 100%;
border-collapse: collapse;
}
th, td {
padding: 10px;
text-align: left;
border: 1px solid #ddd;
}
/* 定義表格頭的顏色和背景 */
th {
background-color: #f2f2f2;
color: #333;
}

在編寫CSS表格自適應寬度時，需要首先定義表格的寬度為100%。這樣可以讓表格充滿整個頁面，而不會超出頁面范圍。同時，使用border-collapse屬性，可以將表格的邊框合并起來，讓表格看起來更加整潔。

接下來，需要定義表格中的單元格樣式。通常情況下，我們會給單元格添加一些內邊距，以讓內容不至于太過擁擠；設置文本對齊方式，使得表格中數據更加整齊；并且為單元格添加邊框，以增加表格的美觀度。

最后，我們可以定義表格頭的樣式。表格頭通常需要使用不同的顏色和背景色，以跟其他單元格進行區別。在這里，我們將表格頭的背景顏色設置為灰色，文本顏色設置為黑色。