In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-04-01 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
Shulou(Shulou.com)06/02 Report--
This article analyzes "what is the principle and usage of DIV CSS margin-right". The content is detailed and easy to understand. Friends who are interested in "what is the principle and usage of DIV CSS margin-right" can follow the editor's train of thought to read it. I hope it will be helpful to you after reading. Let's follow the editor to learn more about "what is the principle and usage of DIV CSS margin-right".
DIV CSS margin-right sets the right outer margin of the object box (spacing)
1. Margin-right function: after the box object is set to this style, the distance will be generated to the right outside the border of the object.
2. Margin-right syntax:
Margin-right:10px sets the right outer spacing of the object to 10px
3. Margin-right schematic diagram
Set up schematic diagram of margin-right effect
The boxes 1 and 2 have no margin style, and a gap between 3 and 4 occurs when the margin-right value is set to 3.
4. Css margin-right instance
In order to observe the effect, first of all, DIVCSS5 sets two DIV boxes with the same width, height, frame and other styles, in order to let DIV set div floating float:left side by side to observe the two boxes on the left, and then add margin-right:15px to the first box to see the effect.
1) No margin style complete HTML+CSS code has been added
Margin-right DIVCSS5 instance. Div-a,.div-b {float:left; width:200px; height:100px; border:1px solid # F00} / * CSS Note: the above code represents. Div-an and .div-b share the CSS style in curly braces * /
2) Screenshot without adding margin-right effect
Screenshot of div margin-right effect is not set
3), set the margin-right style code for ".div-a"
Margin-right DIVCSS5 instance. Div-a,.div-b {float:left; width:200px; height:100px; border:1px solid # F00} / * CSS Note: the above code represents. Div-an and .div-b share the CSS style in curly braces * / .div-a {margin-right:15px}
4) Screenshot of margin-right style effect for ".div-a"
Set screenshot of margin-right effect
The box spacing effect can be achieved by setting the margin-right style for ".div-a" from the screenshot of the above example effect.
What is the full name of css? the full name of css is Cascading Style Sheets (cascading style sheets), a computer language used to express file styles such as HTML or XML. CSS can not only modify the web page statically, but also format the elements of the web page dynamically with various scripting languages.
So much for sharing about the principles and usage of DIV CSS margin-right. I hope the above content can improve everyone. If you want to learn more knowledge, please pay more attention to the editor's updates. Thank you for following the website!
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.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.