在網頁設計中，表格是一個必不可少的元素。通過CSS樣式的調整，我們可以讓表格更加美觀和易讀。本文將著重介紹如何通過CSS調整表格中th元素的寬度。 在HTML中，表格的頭部使用th元素表示。默認情況下，th元素的寬度會自適應列寬，但有時候我們需要手動控制th元素的寬度，以使表格更加整齊美觀。 在CSS中，我們可以使用width屬性來定義th元素的寬度。例如，我們想讓第一列的寬度為100px，第二列的寬度為200px，第三列的寬度為300px，可以這樣做：

table th:nth-child(1) {
width:100px;
}
table th:nth-child(2) {
width:200px;
}
table th:nth-child(3) {
width:300px;
}

上述代碼中，我們使用了nth-child選擇器來指定每一列的位置，并使用width屬性來定義寬度。可以根據需求修改寬度數值，以達到最佳效果。 對于表格中僅有一行而多列的情況，我們可以使用百分比來設置不同列th元素的寬度。例如，我們需要將一行表格分成3列寬度為30%,40%,30%的三個部分，可以這樣做：

table th:nth-child(1) {
width: 30%;
}
table th:nth-child(2) {
width: 40%;
}
table th:nth-child(3) {
width: 30%;
}

通過以上代碼，我們可以輕松地調整表格th元素的寬度，達到最佳的呈現效果。值得注意的是，調整寬度時應考慮到表格的內容和排版，以避免因寬度設置不當而導致表格難以閱讀。