CSS 能夠非常容易地添加背景顏色和邊框。但是，許多人遇到的問題是如何添加圓角。在本文中，我們將討論如何使用 CSS 添加帶有圓角的背景顏色。

/* 添加背景顏色和圓角 */
div {
background-color: #0f4c81;
border-radius: 10px;
}
/* 可選的，添加陰影效果 */
div {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

如上所示，我們使用了 border-radius 屬性來為 div 元素添加圓角。這個屬性的值可以是像素（px）、百分比（%）或者 em 等單位。

此外，我們還可以使用 box-shadow 屬性添加陰影效果。這個屬性可以接受四個值：水平偏移量、垂直偏移量、模糊半徑和顏色。通過調整這些值，我們可以得到不同的陰影效果。

最后，我們需要注意的是，不同瀏覽器對于圓角效果的支持可能會有所不同。在一些舊版本的瀏覽器中，可能無法正確渲染圓角效果。因此，在使用圓角效果時需要考慮到瀏覽器的兼容性。