Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

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

2025-03-28 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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

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!

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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report