CSS中，我們有很多種不同的方式來為元素添加圓角。以下是一些方法：

/* 方法一：border-radius屬性 */
/* 該屬性用于設置元素的圓角大小 */
/* 以下是一個示例： */
div {
border-radius: 10px; /* 該值表示元素的四個角將被削弱為半徑為10像素的圓角 */
}
/* 方法二：使用邊框屬性 */
/* 當border屬性設置了一個特定的值時，即可實現圓角的效果 */
/* 以下是一個示例： */
div {
border: 2px solid #000;
border-radius: 20px; /* 此聲明會使邊框角變圓 */
}
/* 方法三：使用媒體查詢 */
/* 當我們想要更好地適應不同的屏幕或設備時，這種方法非常適用 */
/* 以下是一個示例： */
@media screen and (max-width: 768px) {
div {
border-radius: 5px;
}
}
/* 方法四：使用CSS預處理器 */
/* CSS預處理器是一種工具，用于編寫更高效、更可維護的CSS代碼 */
/* 以下是一個示例： */
@mixin rounded-corners($radius: 10px) { /* $radius是我們想要的圓角半徑 */
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
div {
@include rounded-corners(20px); /* 此調用會生成帶有20像素半徑的圓角 */
}

這些方法不僅可以用于HTML的div元素，也可以用于像按鈕和表單等其他元素中。