"; 2. In the body tag, use the background attribute to set the background image, the syntax ""."/> "; 2. In the body tag, use the background attribute to set the background image, the syntax "".">

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:1542299browse

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

How to set web page background in html

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>

How to set web page background in 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>

How to set web page background in 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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn