我們在網頁設計過程中經常需要使用圓形的元素，這時候我們可以使用 CSS 的邊框來畫圓。

/* 給一個元素添加圓形的邊框 */
border-radius: 50%;

使用border-radius屬性，我們可以將一個矩形元素變成一個圓形元素。其中，屬性值50%意味著圓角的半徑是元素寬度的一半，因此元素會呈現出圓形的形狀。

/* 給元素添加圓角矩形邊框 */
border-radius: 10px;

除了畫圓形邊框，我們也可以使用不同的半徑值來畫圓角矩形邊框。例如，屬性值10px可以使元素的四個角呈現出圓弧的形狀。

通過使用border-radius，我們可以為元素設定不同的形狀，實現豐富多彩的效果。同時，我們也可以進行組合使用，例如：

/* 給元素添加橢圓形的邊框 */
border-radius: 50% / 30%;
/* 給元素添加不同的圓角半徑 */
border-top-left-radius: 20px;
border-bottom-right-radius: 30px;

在使用border-radius時，我們應當考慮到元素的大小與形狀，以保證視覺效果與用戶體驗。