CSS是前端開發中不可或缺的一部分，它可以控制元素的樣式，包括文本、顏色、布局等。在這些樣式中，邊框是常用的一個，常常用于美化和界定元素。如果你想讓邊框變圓，那么可以使用CSS的border-radius屬性。

/* 通過設置border-radius屬性來實現邊框圓角 */
.selector {
border-radius: 5px; /* 可以是像素值，也可以是百分比 */
}

上面的代碼中，.selector是要設置圓角邊框的元素的選擇器，border-radius是設置邊框圓角的屬性，后面的5px表示邊框圓角的半徑為5像素。

除了可以設置像素值之外，border-radius屬性還可以設置百分比值。當設置border-radius為50%時，邊框將變成一個圓形。

/* 通過設置border-radius為50%來實現邊框圓形 */
.selector {
border-radius: 50%; /* 邊框將變成一個圓形 */
}

有時候，我們需要設置不同的圓角半徑來實現不同的效果。這時候，需要分別設置四個角的半徑值。

/* 通過設置四個角的border-radius屬性來實現不同圓角效果 */
.selector {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 40px;
}

上面的代碼中，分別設置了左上角、右上角、右下角和左下角的圓角半徑值，可以形成不同的圓角效果。

總之，通過CSS的border-radius屬性，可以輕松實現邊框的圓角效果，讓網頁更加美觀。