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

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

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

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

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

這個樣式將會將一個200px的正方形變成一個圓形方框。

我們還可以將border-radius屬性和其他CSS布局屬性結合使用來創(chuàng)建更多復雜的形狀。例如，我們可以創(chuàng)建一個寬高比為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屬性來指定不同的半徑大小。它們分別代表左上、右上、左下和右下邊緣的半徑。

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