CSS 13 外边距

元素外边距

指的是元素边框和元素边框之间的距离

属性：

margin-left: 左外边距

margin-right: 右外边距

margin-top: 上外边距

margin-bottom: 下外边距

示例 1 : 

左外边距

属性: margin-left

值：数字

<style>
.red{
   border:1px solid red;
   background-color:green;
}
 
.margin{
   border:1px solid red;
   background-color:green;
   margin-left:10px;
}
 
</style>
 
<span class="red"> 无外边距的span  </span>
<span class="red"> 无外边距的span  </span>
 
<br/>
 
<span class="red"> 无外边距的span  </span>
<span class="margin"> 有左外边距的span  </span>