在CSS中，我們通常使用border-radius屬性來創建圓形框。這個屬性控制邊框的圓角半徑，根據不同的值，我們可以創建不同形狀的邊框。

.circle-box {
border-radius: 50%;
}

在上面的代碼中，我們將border-radius屬性的值設置為50%，這樣就可以將一個正方形的邊框轉換為一個圓形的邊框。如果我們想要創建一個橢圓形的邊框，只需要將border-radius的x軸和y軸的值設置為不同的數值。

.ellipse-box {
border-radius: 50% / 25%;
}

上面的代碼中，我們將border-radius的x軸和y軸分別設置為50%和25%，這樣就可以將一個正方形的邊框變成一個橫向拉伸的橢圓形邊框。同樣的，如果我們將x軸和y軸的值顛倒一下，就可以創建一個豎向拉伸的橢圓形邊框。

.vertical-ellipse-box {
border-radius: 25% / 50%;
}

在實際開發中，我們可以將這些圓形框的樣式應用于不同的元素，例如按鈕、頭像等等。這些元素的樣式看起來更加美觀統一，也可以增加頁面的視覺效果。