前端必知必会-CSS圆角

---

CSS 圆角

CSS 圆角
使用 CSS border-radius 属性，您可以为任何元素赋予“圆角”。

CSS border-radius 属性

CSS border-radius 属性定义元素角的半径。

提示：此属性允许您为元素添加圆角！

以下是三个示例：

1. 具有指定背景颜色的元素的圆角：

2. 具有边框的元素的圆角：

3. 具有背景图像的元素的圆角：

以下是代码：

示例

#rcorners1 {
   
   
border-radius: 25px;
background: #73AD21;
padding: 20px;
width: 200px;
height: 150px;
}

#rcorners2 {
   
   
border-radius: 25px;
border: 2px solid #73AD21;
padding: 20px;
width: 200px;
height: 1