元素外边距

指的是元素边框和元素边框之间的距离
属性：
margin-left: 左外边距
margin-right: 右外边距
margin-top: 上外边距
margin-bottom: 下外边距

左外边距

属性: margin-left
值：数字
指的是元素边框和元素边框之间的距离

注：像span这样的内联元素，默认情况下，只有左右外边距，没有上下外边距。 为了观察上下外边距的效果，可以采用块级元素，比如div.

<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">有左外边距的sapn</span>