CSS :margin(外边距)

一、CSS margin(外边距)属性

定义元素周围的空间。web

margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是彻底透明的。浏览器

margin 能够单独改变元素的上,下,左,右边距,也能够一次改变全部的属性。
在这里插入图片描述svg

二、值

auto
设置浏览器边距。
这样作的结果会依赖于浏览器code

length
定义一个固定的margin(使用像素,pt,em等)xml

%
定义一个使用百分比的边距blog

Margin能够使用负值,重叠的内容。图片

三、Margin - 单边外边距属性

在CSS中,它能够指定不一样的侧面不一样的边距:it

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

四、Margin - 简写属性

为了缩短代码,有可能使用一个属性中margin指定的全部边距属性。这就是所谓的简写属性。webkit

全部边距属性的简写属性是 margin :im

实例

margin:100px 50px;

五、margin属性能够有一到四个值。

margin:25px 50px 75px 100px;
上边距为25px
右边距为50px
下边距为75px
左边距为100px

margin:25px 50px 75px;
上边距为25px
左右边距为50px
下边距为75px

margin:25px 50px;
上下边距为25px
左右边距为50px

margin:25px;
全部的4个边距都是25px

六、全部的CSS边距属性

margin 简写属性。在一个声明中设置全部外边距属性。
margin-bottom设置元素的下外边距。
margin-left 设置元素的左外边距。
margin-right设置元素的右外边距。
margin-top 设置元素的上外边距。