CSS是前端開發中常用的樣式語言，其中圓角是常見的樣式效果之一。在CSS中，使用border-radius屬性可以實現圓角效果。下面我們來了解一下如何使用border-radius來制作圓角。

<div> 
 border-radius: 10px; 
</div>

在上面的代碼中，我們設置了一個10像素的圓角。值得注意的是，border-radius可以設置4個值，分別對應四個角的圓角半徑，也可以設置兩個值，分別對應水平和垂直圓角半徑。

<div>
 border-top-left-radius: 10px; 
 border-top-right-radius: 20px; 
 border-bottom-left-radius: 30px; 
 border-bottom-right-radius: 40px;
</div>

另外，如果只要設置某個角的圓角半徑，可以分別使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius。

最后，如果想要一個元素的所有角都是圓角，可以使用border-radius: 50%。當然，使用百分比設置圓角半徑時，會根據元素的寬高比例進行計算，因此需要注意元素的寬高比例。

<div> 
 border-radius: 50%; 
</div>

通過上面的介紹，我們可以看到，使用border-radius屬性可以實現各種形狀的圓角效果。在設計中，可以根據需求靈活運用。