CSS margin 外边距属性的位置关系

最新推荐文章于 2023-01-17 00:03:34 发布

转载最新推荐文章于 2023-01-17 00:03:34 发布 · 183 阅读

本文详细介绍了CSS中margin属性的应用，包括如何通过不同数量的数值设置元素四周的外边距，以及各种设置方式的效果说明。所有现代浏览器均支持margin属性。

padding：内边距
margin ：外边距
```
margin:10px;
```
- 所有 4 个外边距都是 10px
*******************************************
```
margin:10px 5px;
```
- 上外边距和下外边距是 10px
- 右外边距和左外边距是 5px
********************************************
```
margin:10px 5px 15px;
```
- 上外边距是 10px
- 右外边距和左外边距是 5px
- 下外边距是 15px
*******************************************
```
margin:10px 5px 15px 20px;
```
- 上外边距是 10px
- 右外边距是 5px
- 下外边距是 15px
- 左外边距是 20px
***************************************************************************************
所有浏览器都支持 margin 属性。