在CSS中，有一種非常常見的樣式效果，那就是將元素的邊角變成圓角。這個效果在設計中非常常見，可以讓頁面看起來更加溫和、柔和，讓用戶感到更為舒適。在實際開發中，我們可以利用CSS來輕松實現圓角效果。

// border-radius 屬性可以控制塊級元素的圓角
.box {
border-radius: 10px;
}
// 控制不同位置的圓角大小
.box {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;
}
// 將圖片變成圓形
.circle {
border-radius: 50%;
}
// 將按鈕的邊角變成圓角
button {
border-radius: 5px;
}

通過簡單的CSS屬性設置，我們就可以輕松地實現塊邊角變圓的效果。在實際開發中，可以根據需要適當地調整圓角大小、位置，讓效果更具個性化。