ホームページ > 記事 > ウェブフロントエンド > HTMLで背景画像を設定する方法
HTMLで背景画像を設定する方法
- 青灯夜游オリジナル
- 2021-04-30 18:16:4081418ブラウズ
設定方法: 1. 背景属性、構文 "
" を使用します; 2. 背景画像属性、構文 ""。
このチュートリアルの動作環境: 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>
レンダリング:
方法 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で背景画像を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLのフォントサイズを変更する方法次の記事：HTMLのフォントサイズを変更する方法