在Web開發中，圓角是一個非常常見的效果，它可以使頁面看起來更加美觀和友好。在CSS中，實現圓角的方法有很多，本文將介紹其中一種簡單有效的方法。 要實現圓角效果，我們需要使用CSS中的border-radius屬性。border-radius屬性控制了一個元素的圓角弧度，它的值可以是一個數字、一個長度或一個百分比。接下來，我們將通過一個簡單的示例來演示如何使用border-radius屬性來給一個元素添加圓角。 首先，我們需要創建一個HTML文檔。在文檔中，我們將使用一個div元素來作為示例。

<div class="box">
<p>Hello, World!</p>
</div>

接著，我們需要在CSS文檔中添加如下代碼。

.box {
border-radius: 10px;
}

上述代碼將給名為box的元素添加一個10px的圓角。現在我們打開瀏覽器，就可以看到一個帶有圓角的盒子了。 如果我們想要給元素的每個角分別添加不同的圓角效果，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性。

.box {
border-top-left-radius: 20px;
border-top-right-radius: 10%;
border-bottom-left-radius: 5em;
border-bottom-right-radius: 10px;
}

上述代碼將給名為box的元素的左上角、右上角、左下角和右下角分別添加20px、10%、5em和10px的圓角。 通過上述方法，我們可以方便地給Web頁面中的元素添加圓角效果，從而使頁面看起來更加美觀和友好。