在CSS中，我們可以使用border-radius屬性來(lái)將盒子變成正圓，這個(gè)屬性可以接收一個(gè)數(shù)值，這個(gè)數(shù)值就是圓的半徑，如果半徑等于盒子的寬度或者高度，那么盒子就會(huì)變成一個(gè)正圓。

下面是一個(gè)示例代碼：

.box {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #f00;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為.box的類，這個(gè)類的寬度和高度都是200像素，我們將border-radius屬性設(shè)置為50%，這個(gè)數(shù)值等于盒子的寬度和高度的一半，因此盒子會(huì)變成一個(gè)正圓，我們還給盒子添加了一個(gè)背景顏色#f00，這樣我們就能看到這個(gè)正圓盒子了。

如果你想要讓盒子變成橢圓形狀，那么你可以將border-radius屬性的值設(shè)置為盒子的寬度和高度的一半的平均值。

.box {
  width: 200px;
  height: 100px;
  border-radius: 75px;
  background-color: #f00;
}

在這個(gè)示例中，盒子的寬度是200像素，高度是100像素，我們將border-radius屬性的值設(shè)置為75像素，這個(gè)數(shù)值等于盒子的寬度和高度的一半的平均值，因此盒子會(huì)變成一個(gè)橢圓形狀。