CSS 圆角边框
CSS 圆角边框
The 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-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 | 设置四个边框的宽度 |
