CSS是前端開發中重要的一部分，它可以讓網頁設計和排版達到更好的效果。今天我們來學習如何使用CSS設置圓角框。

首先，我們需要用到border-radius屬性，它可以設置元素的圓角大小。語法格式如下：

border-radius: 上左上角 下左下角 下右下角 上右上角;

其中，上左上角、下左下角、下右下角、上右上角的值可以分別設置圓角的大小，可以用px、em、%等單位來表示。

此外，還可以設置多個圓角，如下：

border-radius: 10px 50px 30px 20px;

這表示左上角10px，右上角50px，右下角30px，左下角20px。

我們也可以只設置某些角的圓角，例如只設置左上角和右下角：

border-radius: 20px 0 0 20px;

我們可以在應用實例中使用上述屬性，如下：

div{
width: 200px;
height: 200px;
background-color: #7bd5f5;
border: 5px solid #fff;
border-radius: 30px 10px 30px 10px;
}

以上代碼表示將一個200px * 200px的div元素的邊框設置為5px粗的白色實線，設置四個角的圓角大小分別為順時針方向30px、10px、30px、10px，背景顏色為藍色。

CSS的圓角框設置可以讓網頁設計得更有美感、視覺舒適感。希望以上內容能對大家有所幫助。