CSS圓角漸變是一種常用的美化Web頁面的方法，通過設置圓角邊框和漸變效果，可以使頁面看起來更加時尚和有吸引力。

要設置CSS圓角漸變，可以使用border-radius和background兩個屬性。border-radius用于設置元素圓角邊框的半徑，background用于設置元素的背景色和漸變效果。

下面是一個展示圓角漸變效果的CSS樣式：

.box {
width: 200px;
height: 200px;
background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
border-radius: 50%;
}

這個樣式會將一個寬高為200px的元素設置為圓形，同時使用線性漸變使元素從頂部的白色漸變到底部的灰色。

除了使用線性漸變，還可以使用徑向漸變來實現更加炫酷的效果，下面是一個示例樣式：

.box {
width: 200px;
height: 200px;
background: radial-gradient(circle at center, #ffffff 0%, #cccccc 100%);
border-radius: 50%;
}

這個樣式會將一個寬高為200px的元素設置為圓形，并使用徑向漸變使元素從中心向外擴散，從白色漸變到灰色。

總之，CSS圓角漸變是一種非常酷的CSS樣式效果，可以使Web頁面變得更加美觀和吸引人，需要注意的是，要根據實際情況選擇不同的漸變類型和半徑大小，以達到最佳的效果。