📅 最后修改于: 2020-10-26 04:56:28 🧑 作者: Mango
CSS3圆角用于通过使用border-radius属性为正文或文本添加特殊的彩色圆角，圆角的简单语法如下-
#rcorners7 {
border-radius: 60px/15px;
background: #FF0000;
padding: 20px;
width: 200px;
height: 150px;
}
下表显示了圆角的可能值，如下所示：
| Sr.No. | Value & Description |
|---|---|
| 1 |
border-radius Use this element for setting four boarder radius property |
| 2 |
border-top-left-radius Use this element for setting the boarder of top left corner |
| 3 |
border-top-right-radius Use this element for setting the boarder of top right corner |
| 4 |
border-bottom-right-radius Use this element for setting the boarder of bottom right corner |
| 5 |
border-bottom-left-radius Use this element for setting the boarder of bottom left corner |
此属性可以具有三个值。以下示例使用两个值-
Rounded corners!
Rounded corners!
Rounded corners!
它将产生以下结果-
我们可以指定每个corner属性，如下例所示：
它将产生以下结果-