」;2、在table標籤中使用style屬性,新增「width:寬度值;」樣式。"/> 」;2、在table標籤中使用style屬性,新增「width:寬度值;」樣式。">
HTML設定table寬度的方法:1、直接使用table標籤的width屬性,語法「
」;2、在table標籤中使用style屬性,加上「width :寬度值;”樣式。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
給table標籤使用border屬性新增邊框後,預設寬度有裡面的內容決定:
<table border="1"> <tr> <td>商品</td> <td>价格</td> </tr> <tr> <td>T恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔库</td> <td>¥150</td> </tr> </table>效果圖:
##那麼怎麼設定table寬度?方法1:使用table標籤的width屬性
<table border="1" width="200"> <tr> <td>商品</td> <td>价格</td> </tr> <tr> <td>T恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔库</td> <td>¥150</td> </tr> </table>效果圖:
#方法2:使用style屬性,新增「width:寬度值;」樣式
<table border="1" style="width: 250px;"> <tr> <td>商品</td> <td>价格</td> </tr> <tr> <td>T恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔库</td> <td>¥150</td> </tr> </table>效果圖:######(學習影片分享:###css影片教學###、《###html影片教學###》)###
以上是HTML怎麼設定table寬度的詳細內容。更多資訊請關注PHP中文網其他相關文章!