文章目录

CSS margin属性用法详解

margin是一个简写的属性,该属性可以设置1到4个值,对应所有的外边距宽度。

它的作用就是设置一个元素所有外边距的宽度,或者设置各条边上外边距的宽度。

实例1

div{margin:22px 32px 43px 54px}

对应的顺序分别是:上、右、下、左。

因此上面设置的就分别是:

上外边距为22px

右外边距为32px

下外边距为43px

左外边距为54px

亲自测试一下

实例2

div{margin:10px 8px 12px;}

上外边距是10px

右外边距和左外边距是8px

下外边距是12px

实例3

div{margin:10px 8px;}

如果只设置两个,则分别是上下外边距,以及左右外边距。

实例4

div{margin:10px;}

只设置一个,那么就是上下左右外边距都是10px。

margin属性自带两个值,分别是auto和inherit。

auto是浏览器自动计算外边距。

inherit则规定应该从父元素来继承外边距。

本文网址:http://www.santii.com/article/58.html


数据更新时间:2018-11-16