在CSS3中，我们可以使用border-radius属性来设置元素的圆角边框样式。border-radius属性允许我们为元素的边框添加圆角，从而使元素的外观更加柔和和美观。下面是使用CSS3设置圆角边框样式的详细解释和示例代码。
- 使用border-radius属性设置圆角边框样式
border-radius属性用于设置元素的边框圆角。它接受一个或多个长度值或百分比值作为参数。每个值指定了元素的四个角的圆角半径，按顺序分别为左上角、右上角、右下角和左下角。
.rounded-border {
border: 2px solid #000;
border-radius: 10px;
}
在上面的示例代码中，我们首先设置了一个2像素宽的黑色实线边框。然后，通过border-radius属性将元素的四个角都设置为半径为10像素的圆角。这将使元素的边框呈现出圆角样式。
- 设置不同角的圆角半径
如果我们希望为不同的角设置不同的圆角半径，可以使用border-radius属性的多个值。
