CSS中的border屬性可以用來設置一個元素的邊框樣式、寬度和顏色。但是默認情況下，邊框是直角的，不夠美觀。那么該怎么辦呢？這時，我們可以使用border-radius屬性來把邊框變圓。

.box {
width: 200px;
height: 200px;
border: 1px solid #333; /*設置1px的黑色實線邊框*/
border-radius: 50%; /*把邊框變成圓形*/
}

上面的代碼中，我們首先給一個class為box的元素設置了寬度和高度，并且給它設置了1像素的黑色實線邊框。然后，在border-radius屬性中，我們設置了50%的值，這樣就會把邊框變為圓形。

除了可以把邊框變成圓形以外，border-radius屬性還可以設置其他值，例如像素值、百分比值、甚至可以設置每個角的半徑值。

運用border-radius屬性，我們可以更好地美化頁面，達到更好的視覺效果。