CSS中，我們可以使用border-radius屬性來讓盒子變成圓形，這個屬性可以接收一個數(shù)值，這個數(shù)值就是圓角的半徑，如果給這個屬性賦值為50%，那么盒子的四個角都會變成半徑為盒子寬度一半的圓。

下面是一個簡單的示例代碼：

<div class="circle-box"></div>

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

在這個示例中，我們創(chuàng)建了一個名為circle-box的類，這個類的元素會變成一個圓形，我們給這個類設置了寬度、高度和背景顏色，然后使用border-radius屬性將其四個角都變成了半徑為盒子寬度一半的圓。

需要注意的是，如果盒子的寬度和高度不一樣，那么生成的圓形可能會變形，在實際使用中，我們需要確保盒子的寬度和高度是相等的。

border-radius屬性還可以接受兩個數(shù)值，分別代表水平和垂直半徑，這樣，我們就可以讓盒子變成橢圓形的了。

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

在這個示例中，我們創(chuàng)建了一個名為ellipse-box的類，這個類的元素會變成一個橢圓形，我們給這個類設置了寬度、高度和背景顏色，然后使用border-radius屬性將其四個角變成了橢圓形的角。