在網頁設計中，邊框是不可或缺的一部分。我們通常使用CSS來定義邊框的樣式和顏色。但是，有時我們可能需要圓形邊框而不是傳統的方形邊框。

.rounded-border {
border-radius: 50%;
}

以上示例代碼可以使元素的邊框變成圓形。我們在CSS中使用border-radius屬性來定義邊框的圓角半徑，當我們將半徑設置為50%時，邊框就變成了圓形。

如果我們想要圓形邊框同時有一個特定的大小，我們可以將width和height屬性設置為相等的值，并將box-sizing屬性設置為border-box。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid black;
box-sizing: border-box;
}

以上示例代碼創建了一個100x100像素的圓形元素，并將邊框設置為黑色的2像素線條。由于我們將box-sizing屬性設置為border-box，所以元素的寬度和高度包括了邊框的寬度。

在CSS中創建圓形邊框并不難，而且它可以大大改善網頁的外觀。試著在自己的項目中加入一些圓形邊框，看看它能給網站帶來多大的影響。