CSS盒模型(margin)

CSS margin 属性
设置外边距的最简单的方法就是使用 margin 属性。

margin 属性接受任何长度单位,可以是像素、英寸、毫米或 em。

margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素的各个边上设置了 15px宽的空白:

h1 {margin :15px;}
下面的例子为 h1 元素的四个边分别定义了不同的外边距,所使用的长度单位是像素 (px), 也可以设置百分比,这些值的顺序是从上外边距 (top) 开始围着元素顺时针旋转的 :

h1 {margin : 10px 0px 15px 5px;}
单边外边距属性
可以使用下列任何一个属性来只设置相应上的外边距,而不会直接影响所有其他外边距:

margin-top
margin-right
margin-bottom
margin-left
注意: Netscape 和 IE 对 body 标签定义的默认边距(margin)值是 8px。而 Opera 不是这样。相反地,Opera 将内部填充(padding)的默认值定义为 8px,因此如果希望对整个网站的边缘部分进行调整,并将之正确显示于 Opera 中,那么必须对 body 的 padding 进行自定义。 可设置全局样式 *{padding:0;margin:0;}清除默认样式

CSS 外边距属性
属性 描述
margin 简写属性。在一个声明中设置所有外边距属性。
margin-bottom 设置元素的下外边距。
margin-left 设置元素的左外边距。
margin-right 设置元素的右外边距。
margin-top 设置元素的上外边距。这里写自定义目录标题)

发布了4 篇原创文章 · 获赞 0 · 访问量 14
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览