" で table タグの width 属性を直接使用します; 2. table タグの style 属性を使用して、"width" を追加します: 幅の値;" スタイル。"/> " で table タグの width 属性を直接使用します; 2. table タグの style 属性を使用して、"width" を追加します: 幅の値;" スタイル。">

ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLで表の幅を設定する方法

HTMLで表の幅を設定する方法

青灯夜游
青灯夜游オリジナル
2021-05-17 15:49:0416872ブラウズ

HTML でテーブルの幅を設定する方法: 1. 構文 "

" を使用して、table タグの width 属性を直接使用します。 2. の style 属性を使用します。 table タグに「width :width value;」スタイルを追加します。

HTMLで表の幅を設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

border 属性を使用して table タグにボーダーを追加すると、デフォルトの幅は内部のコンテンツによって決まります:

<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で表の幅を設定する方法

では、テーブルの幅を設定するにはどうすればよいでしょうか?

方法 1: テーブル タグの幅属性を使用する

<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で表の幅を設定する方法

方法 2: style 属性を使用して「width: width value;」スタイルを追加します

<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>

レンダリング:

HTMLで表の幅を設定する方法

# #( 学習ビデオ共有:

css ビデオ チュートリアル 、「html ビデオ チュートリアル 」)

以上がHTMLで表の幅を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。