HTMLで背景色を設定する方法

青灯夜游
リリース: 2023-01-05 16:13:17
オリジナル
64586 人が閲覧しました

html背景色の設定方法: 1. bgcolor 属性を構文 "

" で使用します。 2. background-color 属性を構文 ""。

HTMLで背景色を設定する方法

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

方法 1: bgcolor 属性を使用する

bgcolor 属性は、ドキュメントの背景色を指定します。構文は次のとおりです。

<body bgcolor="颜色值">
ログイン後にコピー

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body bgcolor="palevioletred">
		文档背景颜色为palevioletred紫罗兰色。
	</body>
</html>
ログイン後にコピー

レンダリング:

HTMLで背景色を設定する方法

方法 2 :background-color プロパティを使用します。

background-color プロパティは、要素の背景色を設定します。

background-color プロパティは、要素の単色を設定します。この色は、要素のコンテンツ、パディング、境界領域を塗りつぶし、要素の境界線の外側の境界まで広がります (ただし、余白は含まれません)。枠線に透明部分(点線枠など)がある場合、その透明部分に背景色が透けて見えます。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body style="background-color: plum;">
		文档背景颜色为plum梅子色。
	</body>
</html>
ログイン後にコピー

レンダリング:

HTMLで背景色を設定する方法

推奨チュートリアル: 「html ビデオ チュートリアル

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート