margin和padding的区别

margin和padding的区别

margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。（外边距）

padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。（内边距）

1、语法结构

（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; 上、右、下、左内/外边距