## 外边距 ~~~css /*上外边距*/ margin-top:20px; /*右外边距*/ margin-right:20px; /*下外边距*/ margin-bottom:20px; /*左外边距*/ margin-left:20px; /* 4个方向的外边距都是20px */ margin:20px; /* 上右下左 */ margin:10px 20px 30px 40px; ~~~ <br> ## 外边距的问题-叠压 1.当一个元素出现在另一个元素上面时，第一个元素的底外边距和第二个元素的顶外边距发生叠加，效果图如下： PS：这里的元素特指块级元素(DIV是其中一种块级元素，后面章节会详细讲) <br>  <br> <br>