6.2 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
举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>6.2 CSS外边距</title>
</head>
<style>
div {
border: 1px solid black;
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
background-color: lightblue;
}
</style>
<body>
<div>这个 div 元素的上外边距为 100 像素，右外边距是 150 像素，下外边距是 100 像素，左外边距是 80 像素。</div>
</body>
</html>
运行后如图：
你觉得文章内容怎么样
时光之美
致我未来的女友
第一次就随便写点东西
归寻