CSS中有一個非常常用的屬性，它可以讓元素的邊角變圓。這個屬性就是border-radius。

border-radius: 50%;

通過設置border-radius，我們可以將元素的四個角變成圓角。您可以為該屬性指定一個值，這個值表示圓角的圓度，也稱為圓角半徑。

border-radius: 20px;

除了可以將所有四個角都變圓外，border-radius還可以指定單獨的角來變圓。我們可以使用類似于如下代碼的方式指定每個角的圓角半徑：

border-top-left-radius: 5px;
border-top-right-radius: 10px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 35px;

如果您希望將某個角變成橢圓形或不規則形狀，可以使用下面的代碼：

border-top-right-radius: 100px 50px;

其中第一個值表示圓角半徑的水平半徑，第二個值表示垂直半徑。

如您所見，border-radius是一種非常實用的CSS屬性，能夠讓我們輕松地美化頁面元素。