HTMLで背景画像を設定するコードは何ですか

醉折花枝作酒筹
リリース: 2023-01-04 09:34:54
オリジナル
48381 人が閲覧しました

html背景画像を設定するコードは次のとおりです: ""; 背景属性を通じて Web ページの背景画像を設定します。この属性は次のとおりです。要素内に複数の背景画像を設定し、その位置を指定します。

HTMLで背景画像を設定するコードは何ですか

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

Web ページに背景画像を追加すると、Web ページの表示効果が向上し、より優れた視覚効果を実現できます。背景画像を選択するときは、見栄えが良いだけでなく、コンテンツを圧倒したり、Web ページのコンテンツの読み取りに影響を与えたりしないようにする必要があります。通常は、暗い背景画像と明るいテキスト、または明るい背景画像と暗いテキストを使用します。 background 属性は、Web ページの背景画像を設定するために使用されます。

基本構文:

<body background="图片地址"></body>
ログイン後にコピー

background 属性値は画像のパスです。パスには相対アドレスまたは絶対アドレスを指定できます。

コード例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body background="../images/bg.jpg">
</body>
</html>
ログイン後にコピー

背景画像はイラストや文字の色と合わせてください。ブラウザが Web ページを読み込む速度を確保するには、バイト数が大きすぎる画像を使用しないようにしてください。

推奨学習: 「HTML ビデオ チュートリアル

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

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