margin和padding的区别和设置_margin-left和padding-left-优快云博客

本文详细解析了CSS中margin(外边距)和padding(内边距)的使用方法及属性设置，包括不同方向边距的具体设置方式，以及当设置一个、两个、三个或四个值时的适用范围。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其中，margin是指外边距（从自身边框到另一个容器边框之间的距离）；padding是指内边距（自身边框到自身内部另一个容器边框之间的距离）；（那margin和padding之间的，就是border，边框）；

这其中外边距和内边距的设置例子如下：

（1）padding-left:10px; /margin-left:10px;　　　　　　　　　左内/外边距

（2）padding-right:10px; /margin-right:10px; 　　　　　　　　右内/外边距

（3）padding-top:10px; /margin-top:10px; 　　　　　　　　上内/外边距

（4）padding-bottom:10px; /margin-bottom:10px; 　　下内/外边距

（5）padding：10px;/ margin:10px; 　　　　四边统一内/外边距

（6）padding:10px 20px; /margin:10px 20px; 　　　　　　　　上下、左右内/外边距

（7）padding:10px 20px 30px;/margin:10px 20px 30px; 　　上、左右、下内/外边距

（8）padding:10px 20px 30px 40px;/margin:10px 20px 30px 40px; 上、右、下、左内/外边距

设置的时候有这样的格式：

备注：

margin：0 auto；只对块级元素起作用

将Padding设置为负值无效：

其中参考学习了以下链接：

待续