How does HTML put the image in the lower right corner of the right margin?

This article mainly introduces "HTML how to put the image in the lower right corner of the right margin". In daily operation, I believe many people have doubts about how to put the image on the lower right corner of the right margin in HTML. Xiaobian consulted all kinds of data and sorted out a simple and easy-to-use method of operation. I hope it will be helpful to answer the question of "how HTML puts the image in the lower right corner of the right margin". Next, please follow the editor to study!

If the image is at 0%, the upper-left corner will be placed in the upper-left corner of the inner margin area of the element. If the image position is 100% 100%, the lower right corner of the image is placed in the lower right corner of the right margin.

So, if you want to place an image in a degree direction of 2max 3 and a vertical bias of 1max 3, perhaps how to declare:

Body {background-image:url ('/ iThromBG round-repeat:no-repeat; background-position:66% 03.gif'); bac kg round-repeat:no-repeat; background-position:66% 33%;}

If only one percentage value is provided, the value provided will be used as the degree value, and the vertical value will be assumed to be 50%. This is the same as the link word.

The default value of background-position is 0%, from compliance to about top left. This explains why the backup image is always tiled from the upper left corner of the inner margin area of the element, unless you set an inappropriate location value.

At this point, the study on "how HTML puts the image in the lower right corner of the right margin" 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!