CSS3是近年來前端開發中非常熱門的技術，它可以為網頁設計師提供更多的樣式選擇。其中，圓角屬性就是CSS3中非常實用的一個特性，可以讓我們將矩形元素的角變成圓形，從而讓頁面看起來更加美觀。

在CSS3中，使用border-radius屬性來設置圓角屬性，它的語法如下：

.box {
border-radius: 10px; /* 設置所有角都為圓形 */
border-top-left-radius: 20px; /* 設置左上角為圓形 */
border-top-right-radius: 20px; /* 設置右上角為圓形 */
border-bottom-left-radius: 20px; /* 設置左下角為圓形 */
border-bottom-right-radius: 20px; /* 設置右下角為圓形 */
}

在上面的代碼中，我們可以看到，使用整個border-radius屬性可以使所有角都變成圓形，而使用其他的border-*-*屬性則可以單獨設置某個角為圓形。此外，我們還可以像下面這樣使用border-radius屬性來制作橢圓形：

.box {
border-radius: 30px 50px; /* 設置上下兩個角為橢圓形，左右兩個角為圓形 */
}

當然，如果我們想要將一個元素的邊框變成一個圓形，我們也可以使用border-radius屬性，只需要將元素的寬度和高度設置為相等的值即可：

.circle {
width: 100px;
height: 100px;
border-radius: 50%; /* 設置圓形 */
}

總之，border-radius屬性是CSS3中非常實用的一個特性，它可以制作出各種美觀的圓角效果，不僅可以應用于邊框，還可以應用于背景圖片等方面。