How to set the background in html-Front-end Q&A-php.cn

How to set the background in html

藏色散人

Release： 2023-01-04 09:33:43

Original

11308 people have browsed it

htmlHow to set the background: 1. Set the background to a certain color through the Bgcolor tag in HTML; 2. Set the background to an image through the Background tag in HTML.

How to set the background in html

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, DELL G3 computer

Backgrounds

Has two tags to configure the background. The background can be a color or an image.

Background Color (Bgcolor)

The background color property sets the background to a certain color. 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.

Background

The background property sets the background to an image. 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="clouds.gif">
<body background="http://www.php.cn/clouds.gif">

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.

Tip: If you plan to use a background image, you need to keep a few things in mind:

Does the background image increase the loading time of the page? Tip: Image files should not exceed 10k.
Whether the background image matches well with other images on the page.
Whether the background image matches well with the text color on the page.
After the image is tiled on the page, does it look okay?
Is attention to the text taken away from the background image?

Basic Notes - Helpful Tips:

background color (bgcolor), background (background) in tags and text attributes have been deprecated in the latest HTML standards (HTML4 and XHTML). The W3C has removed these attributes in their recommendations.

Cascading Style Sheets (CSS) should be used to define the layout and display properties of HTML elements.

Recommended learning: "HTML video tutorial" "css video tutorial"

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