ホームページ > 記事 > ウェブフロントエンド > HTMLで背景画像を設定する方法

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

藏色散人オリジナル: 2021-04-02 10:07:5164882ブラウズ

html背景画像の設定方法: まず HTML サンプルファイルを作成し、次に背景とスタイルを使用して背景画像を設定します。

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

# この記事の動作環境: Windows 7 システム、HTML5&&CSS3 バージョン、 DELL G3 コンピューター

HTML で画像をページの背景として設定します:

質問: HTML で

#ページ CSS ボックスモデルを使用せずに画像をページの背景として設定するにはどうすればよいですか?

メソッド:

で背景とスタイルを使用して設定します

例:

ここでは、デスクトップに html 形式のファイルと jpg 形式の画像ファイルを置きます

<html>
         <head>
	<meta content="text/html" charset="UTF-8">
	<title>HTML设置图片为页面背景</title>
         </head>
         <body background="夕阳余晖.jpg" 
               style="background-repeat:no-repeat               
               background-attachment:fixed;               
               background-size:100% 100%; ">
         </body></html>

実行結果のデモ:

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

コードの説明:

background=".../...jpg&#39;"

二重引用符内の値は

画像を保存するパスです

background-repeat:no-repeat;

Settings Picture

繰り返し表示しない

background-attachment:fixed;

画像の固定位置を固定します

background-size:100% 100%;

画像をウィンドウの100%に設定します

上記は、HTML で CSS ボックスモデルを使用せずに画像をページの背景として設定する方法です。推奨学習: 「

HTML ビデオチュートリアル

」

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTMLを改行なしで設定する方法次の記事：HTMLを改行なしで設定する方法

続きを見る