CSS 可以實(shí)現(xiàn)給 div 元素添加弧度，通過(guò)這個(gè)特性可以實(shí)現(xiàn)豐富的 UI 設(shè)計(jì)效果。

.rounded {
border-radius: 10px;  // 設(shè)置四個(gè)角的弧度為 10px
padding: 10px;        // 設(shè)置內(nèi)外邊距，使弧度更明顯
background-color: #f2f2f2; // 設(shè)置背景顏色，使效果更明顯
}

上面的 CSS 代碼實(shí)現(xiàn)了給 div 元素添加 10 像素的弧度。其中，使用了 border-radius 屬性來(lái)定義四個(gè)角的弧度大小。如果只需要像圓形那樣的弧度，可以將四個(gè)角設(shè)置為相同值。

此外，還可以使用 background-color 屬性來(lái)為元素添加背景顏色，進(jìn)一步突出弧度特效。

使用 CSS 實(shí)現(xiàn)弧度是讓網(wǎng)站 UI 設(shè)計(jì)更加豐富多彩的一種方式。通過(guò)設(shè)置不同的弧度大小和顏色，可以給用戶帶來(lái)更加友好、舒適的閱讀體驗(yàn)。