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

How to set html background

PHPz

Release： 2023-05-15 19:12:36

Original

841 people have browsed it

To set an HTML background, you can use a CSS stylesheet or apply CSS styles directly in the HTML tag. A CSS style sheet is a file that can be used to style an entire website or a single page, while inline styles can be used to set styles on individual elements.

Here are the steps on how to set an HTML background using CSS:

Create a CSS style sheet. In the head part of the HTML document, use the tag to link the CSS file to the HTML document.
```
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
```
Copy after login
Select the HTML element you want to set a background for via a CSS selector. For example, to set a background for an entire HTML document, you can use the following CSS rule:
```
html {
  background-image: url("background.jpg");
  background-size: cover;
}
```
Copy after login
If necessary, replace "background.jpg" with the file name of the background image you want to set. Use the "background-size" property to size the background image so that it fills the entire screen.
If you only want to set a background for a specific part of your HTML page, you can add a CSS rule for that element selector. For example, to set a background for the page title, you would use the following CSS rule:
```
h1 {
  background-color: #eee;
}
```
Copy after login
Change "#eee" to the color you want to set for the title.

In addition to CSS style sheets, you can also apply inline styles to HTML elements. Here's how to set a background in an HTML tag:

Add the "style" attribute to the HTML element for which you want to set a background.
In the "style" attribute, add the CSS rules you want to set so that the element has a background.

For example, to set the body of the page to have a white background color, add the following code to the tag:

<body style="background-color: #fff;">

Copy after login

Then, change "#fff" to The color you want to set.

This is the basics of HTML background settings. You can use these methods to set the page background color, image, tiling, size, and other properties.

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