CSS3圆角

CSS3圆角用于通过使用border-radius属性为正文或文本添加特殊的彩色角。

圆角的简单语法如下-

#rcorners {
   border-radius: 60px/15px;
   background: #FF0000;
   padding: 20px;
   width: 200px;
   height: 150px;
}

下表显示了“圆角”的可能值,如下所示:

值观
描述
边界半径

使用此元素设置四个边界半径属性
边界左上半径

使用此元素设置左上角的边框
右上边界半径

使用此元素设置右上角的边框
右下边界半径

使用此元素设置右下角的边框
边框左下半径

使用此元素设置左下角的边框