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 to set the size of the background picture in html

2025-04-02 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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

Editor to share with you how to set the size of the background pictures in html, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

The method of setting the size of the html background image: first create a new HTML page, set the background image to the tag, then set the [background-size] attribute to the body tag, and finally set the width and height in the div tag.

The operating environment of this tutorial: windows7 system, HBuilderX.3.0.5 version, DELL G3 computer.

How to set the size of html background image:

1, in fact, most HTML editor operations are the same, today I will explain with Hbuilder, first create a new HTML page, here named "new_file.html".

2. Then set the background picture for the tag, which is set by the editor here.

3. Then create a new css file, as shown in the picture, and the editor will name it "1.css".

4. Set the attribute to the body tag here, write div if your tag is div, and then you can set the width and height.

5. As shown in the picture, write this in it: you can set the size of the background picture.

6. Finally, preview it in the browser. This is only part of the background.

The above is all the contents of the article "how to set the size of background pictures in html". 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.

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