使用CSS表格進(jìn)行網(wǎng)頁設(shè)計時，有時需要調(diào)整表格的寬度來適應(yīng)頁面布局的要求。這篇文章將介紹CSS如何修改表格的寬度。

table {
width: 100%; /* 將表格寬度設(shè)置為100% */
border-collapse: collapse; /* 合并單元格邊框 */
}
td, th {
border: 1px solid #ccc; /* 為表格單元格設(shè)置邊框 */
padding: 10px; /* 為表格單元格設(shè)置內(nèi)邊距 */
}

如上CSS代碼所示，可以通過將表格寬度設(shè)置為100%來自適應(yīng)頁面寬度。可以看到，表格邊框也被設(shè)置為“collapse”值，從而在單元格之間去除了多余的邊框線條。

要想進(jìn)一步調(diào)整表格寬度，可以通過為表格單元格設(shè)置寬度樣式來實現(xiàn)。例如：

td, th {
width: 25%; /* 為表格單元格設(shè)置寬度 */
}

此時，表格的寬度將被等分為4個均等的部分，每個單元格將占據(jù)表格寬度的25%。

如果頁面較小，可以考慮縮小表格的寬度。例如：

table {
max-width: 800px; /* 設(shè)置表格最大寬度為800像素 */
}

雖然表格寬度設(shè)置為100%，但是添加了最大寬度限制，使得表格的寬度在小于800像素時將自動縮小，以適應(yīng)較小的頁面寬度。

總之，通過CSS修改表格寬度是網(wǎng)頁設(shè)計中的重要部分。根據(jù)需要，可以使用不同的表格寬度來改善網(wǎng)頁布局和用戶體驗。