在css中，可以使用width屬性設定td寬度，只需為td元素設定「width:寬度值;」樣式即可。 width屬性設定元素的寬度，屬性定義元素內容區的寬度，在內容區外面可以增加內邊距、邊框和外邊距。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css直接使用width屬性設定表格td的寬度：
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>document</title>
<style>
td.box1 {
width:10%;
border: medium solid red
}
td.box3 {
width:15%;
border: medium solid red
}
td.box5 {
width:20%;
border: medium solid red
}
td.box4 {
width:45%;
border: medium solid red
}
</style>
</head>
<body>
<table width="100%">
<td class="box1">10%</td>
<td class="box1">10%</td>
<td class="box3">15%</td>
<td class="box4">45%</td>
<td class="box5">20%</td>
</table>
</body>
</html>效果圖：
以上是css如何設定td寬度的詳細內容。更多資訊請關注PHP中文網其他相關文章！
