margin属性定义了一个HTML元素周围的空间,可以使用负值来重叠内容。
margin属性的值不会被子元素继承。请记住,相邻的垂直边距(顶部和底部的边距)将相互折叠,因此,块之间的距离不是边距的总和,而只是两个边距中较大的一个,或者如果两者相等,则是一个边距的大小。
我们有以下属性来设置一个元素的边距:
- margin指定的是一个速记属性,用于在一个声明中设置边距属性。
- margin-bottom指定了一个元素的底边距。
- margin-top指定了一个元素的顶部边距。
- margin-left指定了一个元素的左边距。
- margin-right指定了一个元素的右边距。
CSS边距属性是用来在元素周围创造空间的,在任何定义的边界之外。
使用CSS,你可以完全控制边距。有一些属性可以为元素的每一面(顶部、右侧、底部和左侧)设置边距。
CSS 具有用于指定元素每一侧边距的属性:
margin-top
margin-right
margin-bottom
margin-left
所有边距属性都可以具有以下值:
- auto - 浏览器计算边距
- length - 以 px、pt、cm 等为单位指定边距。
- % - 以包含元素宽度的 % 为单位指定边距
- 继承 - 指定边距应该从父元素继承
提示:允许负值。