css CSS 边距-底部属性

CSS 边距-底部属性

原文:https://www.geeksforgeeks.org/css-margin-bottom-property/

CSS 边距-底部属性用于指定元素底部使用的边距量。可以根据长度或百分比来设置边距。

语法:

margin-bottom: <length> | <percentage> | auto

属性值:

Length: This value specifies the length of margin with a fixed value. This value can be positive, negative or zero.

示例:

```html <!DOCTYPE html>
    CSS margin-bottom              div{             background-color: lightgreen;         }
GeeksforGeeks


Line One


Line Two

Line Three
                     ```
输出 :
Percentage: This value specifies the amount of margin as a percentage relative to the width of the containing element.

示例:

```html <!DOCTYPE html>
    CSS margin-bottom              h1 {             color: green;         }

.larger {             width: 300px;             background-color: white;         }

.smaller {             width: 100px;             background-color: white;         }

div{             background-color: lightgreen;         }
GeeksforGeeks



Line One

Line Two




Line One

Line Two

                     ```
输出 :
自动:如果该属性的值设置为“自动”，则浏览器会自动为边距大小计算一个合适的值。