CSS3中创建圆角效果的实现方法

要在CSS3中实现圆角效果，我们可以使用border-radius属性。这个属性允许我们将元素的边框角设置为圆角，从而创建出各种不同形状的圆角效果。下面我将演示几个例子来说明如何使用CSS3实现圆角效果。

1. 创建相同大小的圆角边框

要创建一个相同大小的圆角边框，可以使用border-radius属性并将其值设置为一个具体的像素值或百分比。下面的代码将创建一个具有10像素圆角的边框：

.border {
   
  border: 1px solid #000;
  border-radius: 10px;
}

2. 创建不同大小的圆角边框

如果我们想要创建不同大