在想要給HTML元素設置圓角的時候，我們可以使用CSS中的border-radius屬性來實現。此屬性可以指定一個圓角值，四個數值分別對應元素的左上角、右上角、右下角和左下角。例如：

.border {
border-radius: 10px; 
}

代碼中的.border類將會被設置為四個角都為10像素的圓角。

如果我們希望只某一個角進行圓角設置，則可以使用如下 CSS 代碼：

.top-left {
border-top-left-radius: 10px;
}
.top-right {
border-top-right-radius: 10px;
}
.bottom-right {
border-bottom-right-radius: 10px;
}
.bottom-left {
border-bottom-left-radius: 10px;
}

代碼中即可指定所需設置圓角的位置。

此外，還有一種使用CSS3中的屬性實現圓角的方法:

.box {
-webkit-border-radius: 10px; /* Safari and Chrome */
-moz-border-radius: 10px; /* Firefox */
border-radius: 10px; /* Standard syntax */
}

這種方法可以實現跨瀏覽器圓角，但需要注意的是此方法要求瀏覽器版本必須較新才能兼容。

無論使用哪種方式，設置圓角不僅可以美化頁面，還可以在視覺上增強元素的層級感。只需要修改一下屬性值，你的頁面就可以變得與眾不同了！