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%

?

　　

　　

?

　　

?

轉載于:https://www.cnblogs.com/yek9520/p/5763132.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的css。元素样式、边框样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。