在Web開發中，我們經常會需要設計一些帶有美觀效果的樣式來增加頁面的吸引性。其中，圓角和直線是兩個經常被使用的元素。那么，在CSS中，如何實現上面圓角下面直線的效果呢？

.box {
border-radius: 8px 8px 0 0;
border-top: 2px solid #333;
padding: 20px;
}

首先，我們可以通過border-radius屬性來制作一個具有圓角的容器。這里我們設置了前兩個參數為8px，表示左上角和右上角的圓角半徑都為8px，后面兩個參數為0，表示左下角和右下角不帶圓角。如果需要四個角都帶圓角，則四個參數都應該設置為一樣的數值。

同時，我們還需通過border-top屬性來設置容器上部的直線。這里我們設置了顏色值為#333，線條寬度為2px，即可實現上部直線的效果。

最后，我們還可以通過padding屬性來設置容器內的留白。這樣，就可以在圓角和直線之間留出一部分空隙，使視覺效果更為舒適。

綜上，通過以上的CSS代碼，我們就可以輕松地實現上面圓角下面直線的效果了。