CSS是現代前端開發必備技能之一，掌握它可以為網頁添加各種樣式效果，包括設置四個角的效果。

.box{
border: 2px solid #ccc;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}

在CSS中，我們可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius屬性來設置四個角的效果，分別表示左上角、右上角、左下角和右下角。以上代碼就展示了如何使用這些屬性，并通過設置像素值來實現圓角效果。

也可以通過設置百分比值來實現不同大小的圓角效果：

.box{
border: 2px solid #ccc;
border-top-left-radius:20% 30%;
border-top-right-radius:20% 30%;
border-bottom-left-radius:20% 30%;
border-bottom-right-radius:20% 30%;
}

通過設置不同的百分比值，可以創造出很多不同的圓角效果。同時，如果需要只設置某一個角，可以使用以下單獨的屬性：

.box{
border: 2px solid #ccc;
border-top-left-radius:10px;
}

這樣，就只是設置左上角的圓角效果。CSS中還有很多有趣的屬性和效果，有興趣的同學可以多加研究和嘗試。