CSS底部圓角是一種常用的設計元素，它可以讓網頁看起來更加美觀和流暢。在編寫 CSS 樣式時，我們可以使用 border-radius 屬性來實現圓角效果。

.footer {
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-radius: 0 0 5px 5px;
padding: 20px;
}

在上面的樣式中，我們首先設置了底部區域的背景顏色和上邊框的樣式。然后，使用 border-radius 屬性來指定底部左右兩側的圓角半徑為 5px，同時不對上邊框進行圓角處理。

此外，我們還可以使用單獨的 border-bottom-left-radius 和 border-bottom-right-radius 屬性來分別指定左下角和右下角的圓角半徑：

.footer {
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 20px;
}

通過上面的樣式，我們可以看到底部區域的左下角和右下角都有了相同的 5px 圓角效果。

總之，CSS 底部圓角是一種簡單而實用的設計技巧，可以幫助我們更加有效地改善頁面布局和美觀度。