在CSS中，border是常用的样式之一。我们可以通过border属性来设置元素的边框宽度、边框样式、边框颜色等，那么如何让边框的角变成圆角呢？答案就是使用border-radius属性。

border-radius属性可以设置元素的边框角的圆角半径，它的语法非常简单：

/* 设置四个角的圆角半径 */
border-radius: 10px;
/* 分别设置四个角的圆角半径 */
border-radius: 10px 15px 20px 25px;

简单解释一下，如果我们只传入一个值，那么这个值将应用于四个角。而如果我们传入四个值，分别对应左上、右上、右下、左下四个角，如果传入两个值，第一个值定义左上和右下的圆角，第二个值定义右上和左下的圆角，如果传三个值，第一个值定义左上的圆角，第二个值定义右上和左下的圆角，第三个值定义右下的圆角。

除了简单的数值，border-radius属性还支持其他一些值，例如百分比、em、rem等。这些值的使用和简单数值一样，只不过是按照相对尺寸来计算出边框角的圆角半径。

需要注意的是，border-radius是CSS3新增的属性，在一些老旧的浏览器可能不支持，因此在使用时需要进行前缀处理。例如：

/* Webkit浏览器 */
-webkit-border-radius: 10px;
/* Mozila浏览器 */
-moz-border-radius: 10px;
/* IE浏览器 */
border-radius: 10px;

通过border-radius属性，我们可以轻松实现元素边框角的圆角，从而美化UI界面，增加用户体验，但是要注意兼容性问题，以免出现浏览器渲染问题。