css专栏 03.属性设置 05.边距属性

 

# 05.边距属性

[toc]{type: "ol", level: [3]}

### 边距属性
- margin
> 外边距
> 标签与标签之间的距离
```css
body {
    /*浏览器自带8px边距 可将其去除*/
    margin: 0;
    /*margin: 4px 8px 16px 32px*/
}
margin-left: 0;
margin-top: 36px;
```

- border
> 边框
> 标签的边框厚度
```css
border: brown 2px dashed;
```

- padding
> 内边距
> 内容到边框的距离
```css
padding-left: 36px;
```

- content
> 内容的大小
> 可用于伪元素选择器中

```html
<p>
    It's a good idea
</p>
<p>
    I think so
</p>
```

![边距属性](05.边距属性.png)