在CSS中，我們經常會看到一些關于邊框弧度的樣式，這是通過border-radius屬性來實現的。border-radius屬性允許我們為一個元素的邊框添加圓角或橢圓弧度。

border-radius屬性可以使用一個或多個值，來設置元素邊框的圓角弧度。如果只有一個值，那么圓角的弧度就是正圓的半徑。如果有兩個值，那么第一個值是水平方向上的弧度，第二個值是垂直方向上的弧度。如果有四個值，分別表示左上角、右上角、右下角、左下角的弧度值。

.example {
border-radius: 10px; /* 一個值，創建正圓形的圓角 */
border-radius: 10px 20px; /* 兩個值，創建橢圓形的圓角 */
border-radius: 10px 20px 30px 40px; /* 四個值，為每個角設定獨立的圓角弧度 */
}

border-radius屬性還可以使用百分比來指定圓角的大小。這種方法允許我們使用相對于元素本身大小的百分比來設置圓角大小。例如，如果一個元素的寬度為200px，border-radius: 50%將創建兩個相互重疊的半圓，它們與元素相切，從而創建一個圓形的元素。

.example {
width: 200px;
height: 100px;
border-radius: 50%; /* 使用百分比來創建一個圓形 */
}

在使用border-radius屬性時，我們也可以設置不同的圓角弧度值，從而創建一些有趣的形狀，比如橢圓形、菱形、五邊形等等。利用border-radius屬性，我們能夠更加靈活和有趣地設計和美化網站的外觀。