CSS中margin和padding的区别

CSS中margin和padding的区别

盒模型的外边距和内边距：

margin是对外的，padding是对内的。

margin    在一个声明中设置所有外边距属性。       

margin-bottom    设置元素的下外边距。

margin-left    设置元素的左外边距。

margin-right    设置元素的右外边距。

margin-top    设置元素的上外边距。    

2.margin样式的简写方式，padding同理：

例子 1

margin:10px 5px 15px 20px;

上外边距是 10px

右外边距是 5px

下外边距是 15px

左外边距是 20px

例子 2

margin:10px 5px 15px;

上外边距是 10px

右外边距和左外边距是 5px

下外边距是 15px

例子 3

margin:10px 5px;

上外边距和下外边距是 10px

右外边距和左外边距是 5px

例子 4

margin:10px;

所有 4 个外边距都是 10px