邊框是網頁設計中常用的元素。而將邊框變圓也是一個非常常見的需求。在CSS中，有兩種方法可以實現邊框變圓，下面我們逐一介紹。

方法一：使用border-radius屬性

.box{
width: 200px;
height: 200px;
border: 1px solid #000;
border-radius: 50%;
}

以上代碼中，我們使用了border-radius屬性，并將其值設置為50%。50%的圓形可以看做是一個圓的完整度數，因此產生了一個完美的圓形邊框。我們也可以將border-raidus的值設置為其他數值，來實現不同的圓角效果。

方法二：使用background-image屬性

.box{
width: 200px;
height: 200px;
border: 1px solid #000;
background-image: radial-gradient(circle, #fff 50%, transparent 51%);
}

以上代碼中，我們使用了background-image屬性，并將其值設置為一個徑向漸變。這個徑向漸變是個圓形，因為我們使用了circle值，也可以通過其他值來改變漸變的形狀。百分比值設為50%的位置是漸變的起點，百分比值設為51%的位置是漸變的終點。這里我們將起點的顏色設置為白色，終點的顏色設置為透明的，因此，我們繪制出一個圓形邊框，看起來與border-radius屬性的效果相同。

綜上兩種方法，我們可以實現邊框圓形化。我們可以根據具體的需求使用不同的方法，來滿足網頁設計的需求。