1.外邊距 margin
縮寫形式:
margin:上邊距 右邊距 下邊距 左邊距
margin:上下邊距 左右邊距
margin:上邊距 左右邊距 下邊距
2.內邊距 padding
?
縮寫形式:
padding:上邊距 右邊距 下邊距 左邊距
padding:上下邊距 左右邊距
padding:上邊距 左右邊距 下邊距
3.透明度 opacity:number
number值為0.0-1.0之間的小數
邊框樣式
1.邊框線
border-top-style 設置上邊框線
border-bottom-style 設置下邊框線
border-left-style 設置左邊框線
border-right-style 設置右邊框線
2.邊框寬度 border-width
border-top-width 設置上邊框寬度
border-bottom-width 設置下邊框寬度
border-left-width 設置左邊框寬度
border-right-width 設置右邊框寬度
3.邊框顏色 border-color
border0-top-color 設置上邊框顏色
border-bottom-color 設置下邊框顏色
border-left-color 設置做邊框顏色
border-right-color 設置右邊框顏色
4.邊框樣式縮寫 border-width||border-style||border-color
div{width:300px;height:100px;border-style:solid;border-width:1px;border-color:#FF0000; }
縮寫后:
div{width:300px;height:100px;border:1px solid #FF0000;
}
5.圓角效果
?
圓:border-radius:50%
?
?
?