margin属性设置元素外边距
margin属性是CSS中一个重要的属性，它用来控制元素的外边距，也就是元素与其他元素之间的距离。margin属性可以同时设置四个方向的外边距，也可以分别设置每个方向的外边距。
margin: 10px; /*上下左右都设置10px的外边距*/ margin: 10px 20px; /*上下设置10px的外边距，左右设置20px的外边距*/ margin: 10px 20px 30px; /*上设置10px的外边距，右设置20px的外边距，下设置30px的外边距，左设置20px的外边距*/ margin: 10px 20px 30px 40px; /*上设置10px的外边距，右设置20px的外边距，下设置30px的外边距，左设置40px的外边距*/
margin属性也可以分别设置每个方向的外边距，如下：
margin-top: 10px; /*设置上方的外边距为10px*/ margin-right: 20px; /*设置右方的外边距为20px*/ margin-bottom: 30px; /*设置下方的外边距为30px*/ margin-left: 40px; /*设置左方的外边距为40px*/
margin属性的值可以是负数，用来把元素放置到父元素外面，margin属性还可以设置百分比值，用来控制元素的外边距相对于父元素的宽度的比例。
- margin属性可以同时设置四个方向的外边距，也可以分别设置每个方向的外边距。
- margin属性的值可以是负数，用来把元素放置到父元素外面。
- margin属性还可以设置百分比值，用来控制元素的外边距相对于父元素的宽度的比例。