ホームページ > 記事 > ウェブフロントエンド > HTMLで背景画像を設定する方法
#この記事の動作環境: Windows10 システム、HTML 5、Thinkpad t480 コンピューター。 background-image プロパティは、要素の背景画像を設定します。 要素の背景は、パディングと境界線を含む要素の合計サイズです (マージンは含まれません)。 デフォルトでは、背景画像は要素の左上隅に配置され、垂直方向と水平方向に繰り返されます。 共通の属性値:HTMLで背景画像を設定する方法は、本文にbackground-image属性を追加し、[background-image:url('');]のように背景画像のURLを設定します。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> body { background-image:url('https://static.runoob.com/images/mix/paper.gif'); background-color:#cccccc; } </style> </head> <body> <h1>Hello World!</h1> </body> </html>上記のコードをローカルに保存し、実行して効果を確認することができます。
以上がHTMLで背景画像を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。