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

This article mainly introduces "how to set the html background picture location". In the daily operation, I believe that many people have doubts about how to set the html background picture location. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the questions of "how to set the html background picture location". Next, please follow the editor to study!

The way to set the location of the background image of html is to add the background-position attribute to the background image and modify the appropriate attribute value, such as [background-position:center;].

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

If we want to move the position of the background image in the html code, we can actually use the background-position attribute. Perhaps many students do not know this attribute, let's introduce this attribute.

The background-position property is used to set the starting position of the background image.

Its common property values are as follows:

Left top

Left center

Left bottom

Right top

Code example:

(php.cn) body {background-image:url ('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:center;}

Note: this property works on Firefox and Opera, and the background-attachment property will be set to "fixed".

At this point, the study on "how to set the location of html background pictures" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.