CSS3是現(xiàn)在網(wǎng)頁技術(shù)的一個重要方面，它提供了許多新的特性，其中之一就是圓角。在CSS3中，我們可以使用border-radius屬性來實現(xiàn)圓角效果，但是默認情況下，實現(xiàn)的是四個角都是圓角。如果我們需要實現(xiàn)上下圓角，下面的代碼可以幫助我們實現(xiàn)：

.box {
border-radius: 10px 10px 0 0;
}

在上面的代碼中，我們使用border-radius屬性，同時提供4個值。值的設(shè)置順序是：上左、上右、下右、下左。對于我們需要實現(xiàn)的上下圓角效果，我們需要將上左、上右的值都設(shè)置為10px，然后將下右、下左的值都設(shè)置為0。

上下圓角的實現(xiàn)和左右圓角的實現(xiàn)類似，只需要將值的設(shè)置順序改為左上、右上、右下、左下，然后將左下、右下的值設(shè)置為0。

總的來說，使用CSS3可以非常方便的實現(xiàn)各種圓角效果，而且在各種瀏覽器中都能正常顯示。相比于以前使用圖片來實現(xiàn)圓角，使用CSS3可以減少頁面的加載時間，提高頁面性能。