外边框 特点：不能加载内容，但是可以加载背景 ``` margin ``` margin:auto //居中显示盒子 margin: 0 auto；// 就是上下距离为0， auto就是左右自适应到两边距离一样/ margin-top 上 margin-bottom 下 margin-left 左 margin-right 右 四值法： ``` margin:4px;　　　　　　　　　　上下左右分别具有4像素 margin:2px 4px;　　　　　　　　上下为二像素，左右为4像素 margin:10px 20px 30px　　　　 上：10px 左、右：20px 下：30px　　　　 margin:1px 2px 3px 4px　　　　 上：1px 右：2px 下:3px 左：4px ``` 代码如下 ``` div{ width:100px; height:100px; background-color: crimson; margin-top:100px; margin-bottom:20px; margin-left:30px; margin-right:100px;     } ``` 效果：