1、margin(外邊距)
margin位於盒子外邊框,指與其他盒子之間的距離。
外邊距的屬性
四個方向 margin-top 上外邊距 例子 margin-top:1px
margin-right 右外邊距
margin-bottom 下外邊距
margin-left 左外邊距
縮寫形式 margin 在一個聲明中統一設置四個方向的外邊距 margin:1px 2px 3px 4px
2.border(邊框)
修飾屬性 border-color 邊框顏色
border-width 邊框寬度
border-style 邊框樣式,
常用的取值如下 none 無邊距
solid 實線 dashed 虛線
四方方向 border-top 上邊距
border-left 左邊距
border-right 右邊距
border-bottom 下邊框
縮寫形式 border 在一個聲明中統一設置四個方向的邊框屬性 border:1px solid red
border-left 等 border-left:1px solid red
3.padding (內邊距) *padding值不允許爲負
四個方向 padding-top 內容與上邊框之間的距離 padding-top:5px;
padding-right 內容與右邊框之間的距離 padding-right:5px
padding-bottom 內容與下邊框之間的距離 padding-bottom:5px
padding-left 同上
縮寫形式 padding 在一個聲明中統一設置四個方向的填充屬性 padding:5px 10px 20px 40px