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

Table of Contents

Hello world!

Home

Web Front-end

HTML Tutorial

How to set web page background in html

May 27, 2021 pm 06:00 PM

html Web page background

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

Copy after login

The above codes all set the background color to black.

Example:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
	</head>

	<body bgcolor="#E6E6FA">
		<h1 id="Hello-nbsp-world">Hello world!</h1>
	</body>

</html>

Copy after login

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

Copy after login

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 id="Hello-nbsp-world">Hello world!</h1>

</body>
</html>

Copy after login

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 of this Website

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