在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中文網其他相關文章!