设置外边距的最简单的法子就是使用 margin 属性。
margin 属性蒙受任何长度单位,可以是像素、英寸、毫米或 em。
margin 可以设置装备摆设为 auto。更思空见贯的做法是为外边距设置装备摆设长度值。下面的声名在 h1 元素的各个边上配置了 1/4 英寸宽的空缺:
h1 {margin : 0.25in;}
下面的例子为 h1 元素的四个边离别界说了不同的外边距,所使用的长度单元是像素 (px):
h1 {margin : 10px 0px 15px 5px;}
与内边距的设置装备摆设不异,这些值的按次是从上外边距 (top) 初步围着元素顺时针篡改的:
margin: top right bottom left
此外,还可以为 margin 配置一个百分比数值:
p {margin : 10%;}
百分数是相关于父元素的 width 计算的。下面这个例子为 p 元素设置装备摆设的外边距是其父元素的 width 的 10%。
margin 的默认值是 0,所以假设没有为 margin 声名一个值,就不会涌现外边距。然而,在理论中,阅读器对很多元素曾经供给了预约的样式,外边距也不例外。比如,在支持 CSS 的浏览器中,外边距可在每一个段落元素的上面与下面熟成“空行”。是以,要是不无为 p 元素声名外边距,阅读器也许会本身应用一个外边距。只管,只需你格外作了申明,就会笼盖默认款式。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c52218.shtml