margin-bottom is a property in CSS that is used to set the bottom margin of an element. All major browsers support the margin-bottom property. Let's take a brief look at the usage of the margin-bottom attribute.
The syntax of the margin-bottom attribute is as follows:
margin-bottom:value
value Possible values:
auto: The browser calculates the lower margins.
length: Specifies the bottom margin value in specific units, such as pixels, centimeters, etc. The default value is 0px.
%: Specifies the bottom margin based on a percentage of the width of the parent element.
inherit: Specifies that the margins should be inherited from the parent element.
Let’s take a look at the margin-bottom code example
<html>
<head>
<style type="text/css">
p.bottommargin {margin-bottom: 2cm}
</style>
</head>
<body>
<p>这个段落没有指定外边距。</p>
<p class="bottommargin">这个段落带有指定的下外边距。</p>
<p>这个段落没有指定外边距。</p>
</body>
</html>The running results are as follows:
Related recommendations ：What does margin-top mean?
This article has ended here. For more exciting content, you can pay attention to the CSS Video Tutorial column on the PHP Chinese website! ! !
The above is the detailed content of What does margin-bottom mean?. For more information, please follow other related articles on the PHP Chinese website!
What is the difference between legacy and uefi?
flex tutorial
Introduction to hard disk performance indicators
SpringBoot project building steps
Where are the number of online viewers at station b?
html web page production
What are the java text editors
What should I do if msconfig cannot be opened?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
