Home > Article > Web Front-end > How to set web page background in html
How to set web page background in html
- 青灯夜游Original
- 2021-05-27 18:00:1542278browse
Method: 1. In the body tag, use the bgcolor attribute to set the background color. The syntax is "
"; 2. In the body tag, use the background attribute to set the background. Image, syntax "".
The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.
A good background makes the site look great. So how to set the background of the web page in html? Let’s introduce it below.
has two properties for configuring the background. The background can be a color or an image.Background Color (Bgcolor)
The bgcolor attribute specifies the background color of the document. Property values can be hexadecimal numbers, RGB values, or color names.
<body bgcolor="#000000"> <body bgcolor="rgb(0,0,0)"> <body bgcolor="black">
The above codes all set the background color to black.
Example:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body bgcolor="#E6E6FA"> <h1>Hello world!</h1> </body> </html>
Background
The background attribute specifies the background image of the document. . The attribute value is the URL of the image. If the image size is smaller than the browser window, the image will be copied across the entire browser window.
<body background="logo.png"> <body background="https://www.php.cn/static/images/logo.png">
URL can be a relative address, such as the first line of code. You can also use absolute addresses, as in the second line of code.
Example:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body background="img/1.jpg"> <h1>Hello world!</h1> </body> </html>
Recommended tutorial: "html video tutorial"
The above is the detailed content of How to set web page background in html. For more information, please follow other related articles on the PHP Chinese website!