我們?cè)诰W(wǎng)頁設(shè)計(jì)過程中經(jīng)常需要使用圓形的元素，這時(shí)候我們可以使用 CSS 的邊框來畫圓。

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

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

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

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

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

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

在使用border-radius時(shí)，我們應(yīng)當(dāng)考慮到元素的大小與形狀，以保證視覺效果與用戶體驗(yàn)。