欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

 

设置外边距的最简单的法子就是使用 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