在前端開發中，常常需要將元素進行圓角處理。這時候，我們可以使用CSS的border-radius屬性來實現這個效果。下面是一個簡單的例子：

上面的代碼會生成一個寬高都為100px的紅色正方形，但是由于設置了border-radius屬性，它的四個角會變成圓角，最后效果如下所示：

其中，border-radius的值為50px，是因為我們要將正方形的4個角全部變成圓角，所以把它的半徑設置為正方形邊長的一半即可。

如果我們只想將某個角變成圓角，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius這四個屬性來分別設置這四個角的半徑。

例如，下面的代碼會將一個紅色正方形的左上角和右下角設置成圓角：

最終效果如下所示：

總之，border-radius屬性是CSS中一個非常常用的屬性，它可以給元素添加圓角效果，讓網頁更加美觀。