CSS入门教程之margin属性
h1 {margin : 10px 0px 15px 5px;}
与内边距的设置相同,这些值的次第是从上外边距 (top) 开端围着元素顺时针旋转的,另外,还能够为 margin 设置一个百分比数值:p {margin : 10%;},这样p 元素的外边距是其父元素的 width 的 10%。margin 的默许值是 0,所以假如没有为 margin 声明一个值,就不会呈现外边距。但是,在实践中,阅读器对许多元素曾经提供了预定的款式,外边距也不例外。应用margin完成规划居中,根底用法:marign:0 auto;即可完成对象居中,但需求一个条件,那就是该对象上级一定要设置text-align:center内容居中属性款式。有的阅读器body标签不设置text-align:center内容居中款式,其下级包含对象设置了margin:0 auto也会让其规划居中,但为了兼容各大阅读器倡议对body设置一个text-align:center属性款式。
CSS 单边外边距属性
你能够运用单边外边距属性为元素单边上的外边距设置值。假定您希望把 p 元素的左外边距设置为 20px,能够采用以下办法:
p {margin-left: 20px;}
您能够运用下列任何一个属性来只设置相应上的外边距,而不会直接影响一切其他外边距:margin-top、margin-right、margin-bottom、margin-left
一个规则中能够运用多个这种单边属性,例如:
h2 { margin-top: 20px; margin-right: 30px; margin-bottom: 30px; margin-left: 20px; }
你也能够写为:p {margin: 20px 30px 30px 20px;},简写的逻辑仍为:上、右、下、左。
以上就是CSS入门教程之margin属性的详细内容,更多请关注其它相关文章!
上一篇: margin属性的10篇内容推荐
下一篇: 如何用Bootstrap实现图片弹出放大