」;2、在table標籤中使用style屬性,新增「width:寬度值;」樣式。"/> 」;2、在table標籤中使用style屬性,新增「width:寬度值;」樣式。">

首頁  >  文章  >  web前端  >  HTML怎麼設定table寬度

HTML怎麼設定table寬度

青灯夜游
青灯夜游原創
2021-05-17 15:49:0416853瀏覽

HTML設定table寬度的方法:1、直接使用table標籤的width屬性,語法「

」;2、在table標籤中使用style屬性,加上「width :寬度值;”樣式。

HTML怎麼設定table寬度

本教學操作環境: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>

效果圖:

HTML怎麼設定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>

效果圖:


HTML怎麼設定table寬度


HTML怎麼設定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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn