CSS 圓角邊框
CSS 圓角邊框
border-radius 屬性用於為元素新增圓角邊框
普通邊框
圓角邊框
更圓的邊框
最圓的邊框
更多示例
在一行宣告中設定所有頂部邊框屬性
此示例演示了在一行宣告中設定所有頂部邊框屬性的簡寫屬性。
設定下邊框樣式
此示例演示瞭如何設定下邊框的樣式。
設定左邊框寬度
此示例演示瞭如何設定左邊框的寬度。
設定四個邊框的顏色
此示例演示瞭如何設定四個邊框的顏色。它可以包含一到四種顏色。
設定右邊框顏色
此示例演示瞭如何設定右邊框的顏色。
所有 CSS 邊框屬性
| 屬性 | 描述 |
|---|---|
| border | 在一行宣告中設定所有邊框屬性 |
| border-bottom | 在一行宣告中設定所有下邊框屬性 |
| border-bottom-color | 設定底部邊框的顏色 |
| border-bottom-style | 設定底部邊框的樣式 |
| border-bottom-width | 設定底部邊框的寬度 |
| border-color（邊框顏色） | 設定四個邊框的顏色 |
| border-left | 在一行宣告中設定所有左邊框屬性 |
| border-left-color | 設定左邊框的顏色 |
| border-left-style | 設定左邊框的樣式 |
| border-left-width | 設定左邊框的寬度 |
| border-radius | 設定所有四個 border-*-radius 屬性以實現圓角 |
| border-right | 在一行宣告中設定所有右邊框屬性 |
| border-right-color | 設定右邊框的顏色 |
| border-right-style | 設定右邊框的樣式 |
| border-right-width | 設定右邊框的寬度 |
| border-style（邊框樣式） | 設定四個邊框的樣式 |
| border-top | 在一行宣告中設定所有頂邊框屬性 |
| border-top-color | 設定頂部邊框的顏色 |
| border-top-style | 設定頂部邊框的樣式 |
| border-top-width | 設定頂部邊框的寬度 |
| border-width（邊框寬度） | 設定四個邊框的寬度 |
