HTML中設置圓角矩形是一項非常常見的需求，特別是在設計網頁時。在這篇文章中，我們將介紹如何使用CSS來輕松地實現CSS圓角矩形的效果。
border-radius: 10px;
上面的代碼是CSS中設置圓角矩形的最簡單方式。在這個樣式中，border-radius屬性設置為10像素。請注意，此屬性僅適用于具有邊框的元素，如
和
等元素。還可以通過將border-radius屬性設置為“50%”來創建完美的圓形。例如：
border-radius: 50%;
此外，border-radius屬性還可以分別應用于每個角。這很有用，因為有時我們只想將其中一個或幾個角變得圓潤。以下是一個例子：
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
在上面的代碼中，每個角都用border-[position]-[direction]-radius屬性重復定義了一次。這些屬性可以用作與border-radius屬性配合使用的補充工具。
最后，在創建圓角矩形時，最好使用大于0的值。當要創建一個更大的折角時，值越大，角就越平滑。嘗試使用10至20像素的值，看看效果如何。
希望這篇文章能夠幫助你更有效地利用CSS的border-radius屬性來創建漂亮的圓角矩形！
