HTML怎麼設定table寬度

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="max-width:90%">
	<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中文網其他相關文章！