CSS3是现在网页技术的一个重要方面，它提供了许多新的特性，其中之一就是圆角。在CSS3中，我们可以使用border-radius属性来实现圆角效果，但是默认情况下，实现的是四个角都是圆角。如果我们需要实现上下圆角，下面的代码可以帮助我们实现：

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

在上面的代码中，我们使用border-radius属性，同时提供4个值。值的设置顺序是：上左、上右、下右、下左。对于我们需要实现的上下圆角效果，我们需要将上左、上右的值都设置为10px，然后将下右、下左的值都设置为0。

上下圆角的实现和左右圆角的实现类似，只需要将值的设置顺序改为左上、右上、右下、左下，然后将左下、右下的值设置为0。

总的来说，使用CSS3可以非常方便的实现各种圆角效果，而且在各种浏览器中都能正常显示。相比于以前使用图片来实现圆角，使用CSS3可以减少页面的加载时间，提高页面性能。