在CSS中，<border-radius>屬性用來定義元素的圓角形狀。它可以讓元素的邊框、背景、文本都有圓角。

使用方法：

border-radius: 10px; /* 四個角都是10px的圓角 */
border-radius: 10px 20px; /* 上左角和上右角是10px的圓角，下左角和下右角是20px的圓角 */
border-radius: 10px 0 20px 30px; /* 順時針：上左角10px，上右角0，下左角20px，下右角30px的圓角 */

也可以單獨設置每個角的圓角：

border-top-left-radius: 10px; /* 上左角圓角為10px */
border-top-right-radius: 20px; /* 上右角圓角為20px */
border-bottom-left-radius: 30px; /* 下左角圓角為30px */
border-bottom-right-radius: 40px; /* 下右角圓角為40px */

可以使用百分比來定義圓角的大小：

border-radius:50%; /* 圓形 */
border-radius: 50% 20%; /* 橢圓，上下是50%，左右是20% */

注意：當元素的寬高比例為1時，使用border-radius:50%可以得到一個完美的圓形。但當元素的寬高比例不為1時，使用border-radius:50%所得到的是一個橢圓形。