; 2. background-color 属性を使用します (構文 ""。"/> ; 2. background-color 属性を使用します (構文 ""。">
検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLで表のセルの色を設定する方法

HTMLで表のセルの色を設定する方法

青灯夜游
青灯夜游オリジナル
2021-03-04 12:03:3842567ブラウズ

HTML で表のセルの色を設定する方法: 1. bgcolor 属性を td タグに設定します (構文

; 2. background-color 属性を使用します) 、構文「」。

HTMLで表のセルの色を設定する方法

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

1. HTML bgcolor 属性を使用する

bgcolor 属性は、表のセルの背景色を指定します。

#構文

<td bgcolor="color_name|hex_number|rgb_number">

属性値

値説明色の値が色の名前の背景色 (「red」など) であることを指定します。 カラー値が 16 進値 (「#ff0000」など) である背景色を指定します。 色の値がRGBコードの背景色であることを指定します(「rgb(255,0,0)」など) ")。
color_name
hex_number
rgb_number
#例: 

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
	</head>

	<body>
		<table border="1">
			<tr>
				<th>商品</th>
				<th>价格</th>
			</tr>
			<tr>
				<td bgcolor="#FF0000">帽子</td>
				<td bgcolor="#00FF00">￥20</td>
			</tr>
			<tr>
				<td bgcolor="#FF0000">T恤</td>
				<td bgcolor="#00FF00">￥100</td>
			</tr>
		</table>
	</body>

</html>

レンダリング:


HTMLで表のセルの色を設定する方法

#2、要素の背景色を設定するbackground-colorプロパティ

background-colorプロパティ。

要素の背景は、パディングと境界線を含む要素の合計サイズです (マージンは含まれません)。 [推奨チュートリアル:

CSS ビデオ チュートリアル ]

属性値:

値説明背景色を指定します。 transparent背景色を透明にすることを指定します。これはデフォルトです
color
#例:


<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
	</head>

	<body>
		<table border="1">
			<tr>
				<th>商品</th>
				<th>价格</th>
			</tr>
			<tr>
				<td style="background-color:#FF0000">帽子</td>
				<td style="background-color:#00FF00">￥20</td>
			</tr>
			<tr>
				<td style="background-color:#FF0000">T恤</td>
				<td style="background-color:#00FF00">￥100</td>
			</tr>
			<tr>
				<td style="background-color:#FF0000">牛仔裤</td>
				<td style="background-color:#00FF00">￥150</td>
			</tr>
		</table>
	</body>

</html>

レンダリング:


HTMLで表のセルの色を設定する方法# #プログラミング関連の知識については、

プログラミング ビデオ

をご覧ください。 ！

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

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

関連記事

続きを見る