css盒模型中有四种元素,分别是内间距、外间距、内容还有边框。这四种定义了盒模型的使用,今天我们就来说说关于css盒模型的外间距的使用吧.
css的外间距如何设置?
我们的外间距是属于css盒模型之中的一种,那么现在我们来看看外间距都是怎么设置的吧。
margin: 是一个简写属性,可以一个声明中设置所有外边距属性。
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。
注释:允许使用负值。
来看个完整外边距的实例:
p.margin {margin: 2cm 4cm 3cm 4cm}
这个段落没有指定外边距。
这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。
这个段落带有指定的外边距。这个段落带有指定的外边距。
这个段落没有指定外边距。
效果如下: