How to set background image in html-HTML Tutorial-php.cn

How to set background image in html

藏色散人

Release： 2023-01-04 09:34:03

Original

64913 people have browsed it

htmlHow to set the background image: First create an HTML sample file; then use background and style to set the background image.

How to set background image in html

# Operating environment for this article: Windows 7 system, HTML5&&CSS3 version, DELL G3 computer

HTML set picture as page background:

Question:

in HTML page How to set an image as the page background without using the CSS box model?

Method:

Use background and style in to set

Example:

Here I put the html format files and jpg format image files on the desktop

How to set background image in html

<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>

Copy after login

Running result demonstration:
How to set background image in html

Code explanation:

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

Copy after login

The value in double quotes is

The path to store the image

background-repeat:no-repeat;

Copy after login

Settings Picture

Do not display repeatedly

background-attachment:fixed;

Copy after login

Set the

position of the picture to be fixed

background-size:100% 100%;

Copy after login

Set the picture

reach 100% of the window

The above is how to set an image as the background of the page without using the CSS box model in HTML

Recommended study: "

HTML Video Tutorial"

The above is the detailed content of How to set background image in html. For more information, please follow other related articles on the PHP Chinese website!

How to set background image in html

background=".../...jpg&#39;"Copy after login

background=".../...jpg'"
Copy after login