Shulou(Shulou.com)05/31 Report--

This article mainly introduces the relevant knowledge of the method of setting background picture in html, the content is detailed and easy to understand, the operation is simple and fast, and it has certain reference value. I believe that you will have something to gain after reading this article on the method of setting background picture in html. Let's take a look.

The way to set the background image in html is to add the background-image attribute to the body and set the url of the background image, for example, [background-image:url (');].

This article operating environment: windows10 system, html 5, thinkpad T480 computer.

The background-image property sets the background image of an element.

The background of the element is the total size of the element, including fills and boundaries (but excluding margins).

By default, the background-image is placed in the upper-left corner of the element and repeats the vertical and horizontal directions.

Common attribute values:

URL of url ('URL') image

None has no image background to display. This is the default property value

Inherit specifies that the background image should inherit from the parent element

Code example:

(php.cn) body {background-image:url ('https://cache.yisu.com/upload/ask_collection/20210725/111/116372.gif'); background-color:#cccccc;} Hello World!

You can save the above code locally and try to run it to see the effect.

This is the end of this article on "how to set background pictures in html". Thank you for reading! I believe you all have a certain understanding of "the method of setting background pictures in html". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.