CSS3圆角用于通过使用border-radius属性为正文或文本添加特殊的彩色角。
圆角的简单语法如下-
#rcorners { border-radius: 60px/15px; background: #FF0000; padding: 20px; width: 200px; height: 150px; }
下表显示了“圆角”的可能值,如下所示:
值观 | 描述 |
---|---|
边界半径 | 使用此元素设置四个边界半径属性 |
边界左上半径 | 使用此元素设置左上角的边框 |
右上边界半径 | 使用此元素设置右上角的边框 |
右下边界半径 | 使用此元素设置右下角的边框 |
边框左下半径 | 使用此元素设置左下角的边框 |