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

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

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

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

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