在CSS中，我們可以通過(guò)設(shè)置一個(gè)元素的border-radius屬性使其變成橢圓形或圓形方框。border-radius屬性接受一個(gè)或兩個(gè)值，第一個(gè)是水平方向的半徑，第二個(gè)是豎直方向的半徑。

例如，如果我們想要一個(gè)寬高比為2：1的橢圓形，則可以這樣寫(xiě)：

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

這里的border-radius的第一個(gè)值是200px的一半，即100px，而第二個(gè)值是100px的一半，即50px。我們還可以只指定一個(gè)值，這樣就會(huì)將水平和豎直半徑都設(shè)置為這個(gè)值：

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

這個(gè)樣式將會(huì)將一個(gè)200px的正方形變成一個(gè)圓形方框。

我們還可以將border-radius屬性和其他CSS布局屬性結(jié)合使用來(lái)創(chuàng)建更多復(fù)雜的形狀。例如，我們可以創(chuàng)建一個(gè)寬高比為4：1的矩形:

.box {
width: 200px;
height: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

這里我們使用了border-*-radius屬性來(lái)指定不同的半徑大小。它們分別代表左上、右上、左下和右下邊緣的半徑。

總之，border-radius屬性是CSS中創(chuàng)建不同形狀方框的一個(gè)簡(jiǎn)單而有用的屬性。我們可以使用雙值或單值情況下來(lái)改變寬高比及彎曲角度，也可以將其與其他布局屬性結(jié)合使用，創(chuàng)造出更多新穎的形狀。