在CSS中，圓角框被廣泛應用于美化網頁元素。圓角框是指具有圓角的矩形框。圓角框通常有一個或多個屬于邊框的圓角。圓角框的八個角可以使用CSS中的屬性值來控制。接下來我們將詳細介紹這些屬性值。

border-radius: 10px;

上述CSS代碼將創建一個圓角半徑為10像素的圓角框。我們可以使用尺寸單位來定義圓角半徑。此外，我們可以使用兩個值來定義水平和垂直半徑：

border-radius: 10px 20px;

上述代碼將在圓角框的左上和右下角具有10像素的半徑，而在右上和左下角具有20像素的半徑。我們還可以設置每個角的半徑：

border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 40px;

上述代碼將在圓角框的每個角上指定一個不同的半徑。我們還可以使用方便的簡寫方式：

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

上述代碼將指定順序為順時針順序的四個角的半徑。如果我們只想設置左上和右下角的半徑，我們可以將其余的值設置為0：

border-radius: 10px 0px 0px 20px;

最后，我們還可以使用CSS的inset關鍵字來創建一個凹陷的圓角框：

border-radius: 10px / 20px;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);

上述代碼將創建一個左上和右下角10像素半徑的凹進的圓角框，以及一個具有黑色半透明陰影的效果。