Shulou(Shulou.com)06/01 Report--

This article mainly shows you the "css how to use the background-position attribute to change the position of the image in the background", the content is simple and clear, and I hope it can help you solve your doubts. The following let the editor lead you to study and learn about "how css uses the background-position attribute to change the position of the image in the background".

Center a backing image in the body element:

Body {bac kilogram round-image:url ('/ iUniverse round-repeat:no-repeat; background-position:center; 03.gif'); bac kilogram round-repeat:no-repeat; background-position:center;}

There are many ways to supply values for the background-position attribute. First of all, some keywords can be applied: top, bottom, left, right and center. As usual, these links will arise in pairs, but they are not always so. You can also apply a length value, such as 100px or 5cm, and finally a percentage value. Different types of values are slightly different from the layout of the set image.

Crux word

The crux of the image layout is the easiest to understand, and its persuasion is as expressed by its title. For example, top right places the image in the upper-right corner of the inner margin area of the element.

According to the specification, the key words of the position should appear in any order, only the guarantee does not exceed two link words-one corresponding to the level direction and the other corresponding to the purpose of the vertical target.

If only one key word appears, the other key word is assumed to be center.

So, if you want an image to emerge above the middle of each paragraph, simply declare the following:

P {bac kilogram round-image:url ('bgimg.gif'); background-repeat:no-repeat; bac kilogram round-position:top;} is all the content of the article "how to use the background-position attribute to change the position of an image in the background". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, 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.