margin-top上外边距 margin-bottom 下外边距 margin-left左外边距 margin-right右外边距
(允许负值)
什么是margin?:用于设置盒子和盒子之间的距离
取值:px、em
百分比(相对父元素)
允许使用负值
auto浏览器自动计算
语法:
上边距:margin-top
下边距:margin-bottom
左边距:margin-left
右边距:margin-right
复合写法:
margin:20px; 上下左右都是20的外边距
margin:20px 30px; 上下外边距20、左右外边距30
margin:20px 30px 40px; 上外边距20、左右外边距30、下外边距40
margin:20px 30px 40px 50px; 上外边距20、右外边距30、下外边距40、左外边距50
让盒子居中
margin:0 auto; 上下外边距0 左右外边距自动(居中)
margin的应用:
实现已知宽度的块级盒子水平居中