margin:10px 5px 15px 20px;上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20pxmargin:10px 5px 15px;上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15pxmargin:10px 5px;上外边距和下外边距是 10px
右外边距和左外边距是 5pxmargin:10px;所有 4 个外边距都是 10px
说明:
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。
示例:
p.margin {
margin: 2cm 4cm 3cm 4cm
}
这个段落没有指定外边距。
这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。
这个段落带有指定的外边距。这个段落带有指定的外边距。
这个段落没有指定外边距。
效果图: