HTML中實現圓角效果的方法有很多種，比如使用CSS的border-radius屬性，以及使用一些CSS框架，比如Bootstrap和Foundation等等。下面我們來看一下如何使用border-radius屬性來實現圓角效果。

/* 實現所有四個角的圓角效果 */
element {
border-radius: 10px;
}
/* 實現左上角和右下角的圓角效果 */
element {
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
/* 實現右上角和左下角的圓角效果 */
element {
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
}

在上面的代碼中，element代表要設置圓角效果的HTML元素，可以是一個div、一個按鈕或者是一個圖片等等。border-radius屬性用于設置所有四個角的圓角半徑，它的值可以是一個數字、一個百分比或者是一個具體的長度值。如果只想設置某一個角的圓角效果，需要使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius這四個屬性來實現。