border-radius是向元素添加圆角边框的方法

"border-radius" 是CSS3中的一个属性，用于创建圆角边框，它可以通过半径来指定圆角的大小。

语法

   /*为元素添加统一的圆角*/
   border-radius: 10px;

   /*为元素添加统一的椭圆圆角*/
   border-radius: 50%;

   /*为元素添加不同的圆角*/
   border-radius: 10px 30px 20px 60px;

示例：

第一个例子中，我们将为一个方形元素设置相同的圆角半径。代码示例如下：

   .square {
        width: 200px;
        height: 200px;
        border-radius: 20px;
   }

第二个示例中，我们会以较小的圆角设置为例。在这个示例中，我们将为一个 DIV 元素设置四个圆角。代码示例如下：

   .box {
        width: 200px;
        height: 200px;
        border: 2px solid #000;
        box-sizing: border-box;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-collapse: separate;
        padding: 20px;
        text-align: center;
   }

在上述示例中，我们使用了 box-sizing: border-box 属性并为 .box 元素设置了不同的圆角。

总的来说，"border-radius"属性是一个很有用的样式，可以为前端开发人员增加更多样式设计的可能。