41 lines
770 B
Markdown
41 lines
770 B
Markdown
---
|
||
title: Adjust the Margin of an Element
|
||
localeTitle: 调整元素的边距
|
||
---
|
||
## 调整元素的边距
|
||
|
||
调整`Element`的`Margin`意味着增加或减少元素边框与周围元素之间的间距。
|
||
|
||
•以像素为单位（ `px` ）以正整数和负整数调整边距。
|
||
|
||
•可以从所有方向（顶部，底部，左侧，右侧）创建边距。
|
||
|
||
这是它如何编写的一个例子：
|
||
|
||
```css
|
||
margin: 20px;
|
||
```
|
||
|
||
您可以通过更改数值轻松更改或调整`Element`的`Margin` ：
|
||
|
||
**之前** ：
|
||
|
||
保证金： `20` px;
|
||
|
||
**之后** ：
|
||
|
||
保证金： `50` px;
|
||
|
||
您还可以创建一个具有您将重复使用的`margin`的自定义`class` 。
|
||
|
||
```css
|
||
.style-margin {
|
||
margin: 20px;
|
||
}
|
||
```
|
||
|
||
```html
|
||
|
||
<h2 class="style-margin">Example</h2>
|
||
|
||
``` |