在CSS中，我們可以使用border-radius屬性來(lái)將盒子變?yōu)閳A形。border-radius屬性可以設(shè)置一個(gè)元素的邊框半徑，如果邊框半徑等于盒子寬度的一半，那么這個(gè)盒子就會(huì)變成一個(gè)圓形。

如果我們有一個(gè)寬度為200px的盒子，我們可以使用以下CSS代碼來(lái)將其變?yōu)閳A形：

.box {
  width: 200px;
  height: 200px;
  border-radius: 100px;
}

在這個(gè)例子中，我們將.box元素的border-radius屬性設(shè)置為100px，這個(gè)值等于盒子寬度的一半，因此盒子會(huì)變成一個(gè)圓形。

如果你想要一個(gè)橢圓形的盒子，你可以將border-radius屬性的值設(shè)置為盒子的寬度和高度的一半，

.box {
  width: 200px;
  height: 100px;
  border-radius: 100px 50px;
}

在這個(gè)例子中，我們將.box元素的border-radius屬性設(shè)置為100px 50px，這個(gè)值分別等于盒子的寬度和高度的一半，因此盒子會(huì)變成一個(gè)橢圓形。

如果你想要一個(gè)不規(guī)則的圓形或橢圓形，你可以使用border-radius屬性的值來(lái)定義每個(gè)角的半徑，

.box {
  width: 200px;
  height: 200px;
  border-radius: 100px 50px 150px 25px;
}

在這個(gè)例子中，我們將.box元素的border-radius屬性設(shè)置為100px 50px 150px 25px，這個(gè)值分別定義了每個(gè)角的半徑，因此盒子會(huì)變成一個(gè)不規(guī)則的圓形或橢圓形。