CSS圓角屬性可以讓我們快速簡單地為網頁元素添加圓角效果。圓角可以讓網頁看起來更加柔和和美觀。在CSS中，使用border-radius屬性來控制元素的圓角大小。下面是一個例子：

.box {
border-radius: 10px;
}

上面的例子中，我們給class為“box”的元素添加了一個10像素的圓角。border-radius屬性可以接受一個參數，也可以接受四個參數。如果只提供一個參數，則四個角的圓角大小都相同。如果提供四個參數，則分別代表左上角、右上角、右下角和左下角的圓角大小。

.box {
border-radius: 10px 20px 30px 40px;
}

上面的例子中，我們給class為“box”的元素設置了四個不同大小的圓角。左上角圓角大小為10像素，右上角為20像素，右下角為30像素，左下角為40像素。

除了使用border-radius屬性之外，我們還可以使用CSS形狀來實現圓角效果。使用“border”屬性和“border-radius”屬性，我們可以將多個邊框組合成一個形狀。下面是一個例子：

.triangle {
width: 0;
height: 0;
border-top: 50px solid #ff0000;
border-right: 50px solid transparent;
border-bottom: 0 solid transparent;
border-left: 50px solid transparent;
border-radius: 0 0 10px 10px;
}

上面的例子中，我們使用border屬性生成了一個三角形形狀，并使用border-radius屬性將頂部兩個角加上了一個10像素大小的圓角。