CSS margin 属性

2019-09-08 郑州网站建设  

设置外边距的最简单的法子就是使用 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://tzchb.ieyo.com/dede/1286.html转载请标明出处,谢谢合作!
标签:
  • 属性
  • css
  • margin
  • 边距
  • 置外
  • 最简单
  • 法子