CSS作為前端開發中必不可少的一部分，提供了很多美化網頁 UI 的方法。其中，邊框是一個非常重要的東西，因為它可以讓我們的頁面更加美觀。

CSS中有一個屬性可以讓邊框變得不再是直角，而是圓弧度。這個屬性就是 border-radius。在廣義的講， border-radius 可以讓邊框變成橢圓形、不規則圖形甚至花朵等等，但在本文中，我們只討論它用于圓弧度邊框的情況。

.border {
border: 1px solid #000;
border-radius: 50%;
}

如上所示，border-radius 的值為 50%。由于邊框是一個矩形，所以這個值被理解為矩形的半徑。當這個值設置為 50% 時，邊框就變成了一個圓形，因為矩形的半徑等于矩形的寬度或高度的一半。

如果你想使圓角度數不同，可以使用兩個值，第一個值控制左上和右下的圓角度數，第二個值控制右上和左下的圓角度數。

.border {
border: 1px solid #000;
border-radius: 10px 20px 30px 40px;
}

如上所示，border-radius 的值為 10px 20px 30px 40px。這個值表示左上角的圓角度數為 10px，右上角的圓角度數為 20px，右下角的圓角度數為 30px，左下角的圓角度數為 40px。

CSS的 border-radius 還有其他一些設置，如百分比和長度單位的選項，但以上就是最常見的用法。通過使用 border-radius 屬性，我們可以讓邊框圓角化，使頁面看起來更加美觀和舒適。