HTML CSS margin 外边距属性 用于在任何设置的边框之外,为元素创建周围的空间。通过 CSS,可以完全控制外边距。有一些属性可用于设置元素每侧(上、右、下和左)的外边距。
CSS 拥有为元素单独设置每一侧外边距的属性:
上边距:margin-top
右边距:margin-right
下边距:margin-bottom
左边距:margin-left
所有外边距属性都可以设置以下值:
auto – 浏览器来计算外边距
length – 以 px、pt、cm 等单位指定外边距
% – 指定以包含元素宽度的百分比计的外边距
inherit – 指定应从父元素继承外边距
提示:允许负值。
margin 简写
为了减少代码,还可以使用 margin 简写属性,如:
margin: 25px 50px 75px 100px;
margin 属性分别代表
上外边距是 25px
右外边距是 50px
下外边距是 75px
左外边距是 100px
margin 属性也可以设置三个值:
margin: 25px 50px 75px;
margin 属性分别代表
上外边距是 25px
右和左外边距是 50px
下外边距是 75px
margin 属性也可以设置两个值:
margin: 25px 50px;
margin 属性分别代表
上和下外边距是 25px
右和左外边距是 50px
如果 margin 属性只设置了一个值,则表示四周边距设置为该值。
也可以将 margin 属性设置为 auto,表示元素在其容器中水平居中。
margin 属性为 inherit 值时,表示元素继承了父元素同属性的值。
如果你发现错误或有其他见解,请给www.zhuei.com留言,我们会尽快更新本文!