CSS作為前端開發中的常用技術，不僅可以美化網站界面，還可以設置表格欄寬度。本文將介紹CSS如何設置表格欄寬度。

在HTML中，我們可以使用table標簽來創建表格。但是如果不對表格樣式進行設置，就會出現默認的效果：各個欄位寬度相等。如果我們需要讓表格更美觀，并顯示出每個欄位不同的長度，就需要使用CSS來設置表格欄位寬度。

CSS中設置表格欄位寬度的方法如下：

table {
table-layout: fixed;
width: 100%;
}
td {
width: 25%;
}

上述代碼中，我們首先將table-layout屬性設置為fixed，表示表格的布局為固定，然后將表格寬度設置為100%。接著，我們將每個單元格(td)的寬度設置為25%。這個值可以根據實際需求進行設置。通過這種方式，我們就能夠控制每個欄位的寬度。

除了通過設置固定寬度的方式來設置表格欄位寬度外，我們還可以通過設置最小和最大寬度的方式來進行設置。代碼如下：

table {
width: 100%;
}
td {
min-width: 100px;
max-width: 200px;
}

在上述代碼中，我們將表格寬度設置為100%。然后，我們設置td的最小寬度為100px，最大寬度為200px。

通過上述兩種方式，我們就可以輕松地設置表格欄位寬度了。