css中改变盒子的弧度变成圆

CSS中可以使用border-radius属性来改变盒子的弧度，从而使它变成一个圆。该属性可以设置一个或多个值，每个值都代表盒子的四个角的弧度大小。

 .circle {
    /* 设置四个角都为圆角 */
    border-radius: 50%;
    /* 指定宽度和高度相等 */
    width: 100px;
    height: 100px;
    /* 设置背景颜色 */
    background-color: #f44336;
  } 

上述代码中，我们将border-radius的值设置为50%。由于这是一个正方形的盒子，因此四个角的弧度大小都相同，这就使盒子成为了一个圆形。

当然，你也可以将border-radius的值设置为其他百分比，这取决于你想要的形状。如果你希望盒子的形状更加奇特，你可以为每个角指定不同的值。

 .weird-shape {
    /* 分别设置四个角的弧度 */
    border-radius: 30px 10px 50px 5px;
    /* 指定宽度和高度 */
    width: 200px;
    height: 100px;
    /* 设置背景颜色 */
    background-color: #4caf50;
  } 

上述代码中，我们为每个角分别指定了一个值。从左上角开始，顺时针依次是左下角、右下角、右上角。这样，我们就可以创造出更加奇特的盒子形状。

总之，在CSS中使用border-radius属性可以很方便地将盒子变成圆形或其他奇特的形状，让页面更加独特。