3-8. 邊框類屬性
| NO | 屬性 | 說明 | CSS3 | 英文參考網 | 簡中參考網 |
|---|---|---|---|---|---|
| 1 | border | 框架邊框的設計，可以合併縮寫同時設計邊框的四周，同時設定寬度、樣式、顏色。 | w3schools | runoob | |
| 2 | border-width | 設定邊框的寬度 (也就是粗細)。 | w3schools | runoob | |
| 3 | border-style | 設定邊框的樣式。 | w3schools | runoob | |
| 4 | border-color | 設定邊框的顏色。 | w3schools | runoob | |
| 5 | 可以分別只設定一個邊， 例如：border-left、border-right、border-top、border-bottom。 |
||||
| 6 | border-radius | 設計框架四周圓角。 | V | w3schools | runoob |
| 7 | 可以分別使用 border-top-left-radius 設定左上角圓角， border-top-right-radius 設定右上角圓角， border-bottom-left-radius 設定左下角圓角， border-bottom-right-radius 設定右下角圓角。 |
V | |||
| 8 | box-shadow | 設計框架的陰影。 box-shadow: 水平偏移距離 垂直偏移距離 模糊擴散範圍 顏色; |
V | w3schools | runoob |
看看有哪些邊框樣式 border-style
邊框樣式 solid 實心線
邊框樣式 dashed 虛線
邊框樣式 dotted 點線
邊框樣式 double 雙線
groove 溝道狀 (凹下去再凸起來)
ridge 山脊狀 (凸上去再凹下來)
inset 凹下狀 (凹下去)
outset 凸起狀 (凸上去)