CSS border-radius 属性
border-radius属性用于为元素添加圆角效果。它可以接受一到四个值，分别对应左上角、右上角、右下角和左下角的圆角半径。具体规则如下：

‌四个值‌：border-radius: 15px 50px 30px 5px;（左上角、右上角、右下角、左下角）
‌三个值‌：border-radius: 15px 50px 30px;（左上角、右上角和左下角、右下角）
‌两个值‌：border-radius: 15px 50px;（左上角和右下角、右上角和左下角）
例如，为一个元素设置圆角：

#rcorners1 {
　border-radius: 25px;
　background: #73AD21;
　padding: 20px;
　width: 200px;
　height: 150px;
}
这段代码将为元素的四个角都设置25px的圆角。‌

CSS3 border-radius 属性的兼容性和浏览器支持情况
CSS3的border-radius属性在大多数现代浏览器中都得到了良好的支持，但在一些老版本的浏览器中可能不支持。例如，IE6-8浏览器不支持该属性。为了兼容这些老版本浏览器，可以使用其他方法，如使用多个层叠加来实现圆角效果。‌