CSS是網(wǎng)頁開發(fā)中重要的語言之一，它可以實現(xiàn)很多簡單的頁面效果。其中上部圓角是頁面設(shè)計中常用的一個效果，可通過border-radius屬性實現(xiàn)。

/* 上部圓角 */
.rounded-top {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

在上述CSS代碼中，我們創(chuàng)建了一個名為rounded-top的CSS類，它將應(yīng)用上部圓角效果。具體來說，我們通過border-top-left-radius和border-top-right-radius屬性設(shè)置了左上和右上角的圓角半徑。

為了使效果更加明顯，我們通常還需要向元素添加一些基本樣式。

/* 基本樣式 */
.box {
width: 300px;
height: 200px;
background-color: #eee;
padding: 20px;
}

在上述CSS代碼中，我們創(chuàng)建了一個名為box的CSS類，并設(shè)置了其寬度、高度、背景顏色和padding值。我們可以將以上兩個CSS類組合使用，從而在一個元素中添加上部圓角的效果。

上述HTML代碼中，我們在一個div元素中添加了box和rounded-top兩個CSS類，從而達(dá)到增加上部圓角的效果。

總之，CSS的border-radius屬性是實現(xiàn)上部圓角效果的核心，我們可以通過設(shè)定border-top-left-radius和border-top-right-radius屬性，對元素進(jìn)行必要的設(shè)置，實現(xiàn)更加美觀的頁面設(shè)計。