ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLで背景画像を設定する方法

HTMLで背景画像を設定する方法

青灯夜游
リリース: 2021-04-30 18:17:48
オリジナル
81473 人が閲覧しました

設定方法: 1. 背景属性、構文 "

" を使用します; 2. 背景画像属性、構文 ""。

HTMLで背景画像を設定する方法

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

方法 1: body 背景属性を使用する

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

<body background="URL">
ログイン後にコピー

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body background="img/1.jpg">
添加背景图片
</body>
</html>
ログイン後にコピー

レンダリング:

HTMLで背景画像を設定する方法

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

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

要素の背景は、パディングと境界線を含む要素の合計サイズです (マージンは含まれません)。

デフォルトでは、背景画像は要素の左上隅に配置され、垂直方向と水平方向に繰り返されます。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body style="background-image: url(img/3.jpg);">
		添加背景图片
	</body>
</html>
ログイン後にコピー

レンダリング:

HTMLで背景画像を設定する方法

##推奨チュートリアル:「

html ビデオ チュートリアル

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

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