CSS中可以使用border屬性設置元素的邊框樣式，而邊框可以分為上邊框、右邊框、下邊框和左邊框四種，本文主要介紹如何實現CSS上、中、下邊框的樣式。

一般來說，我們可以通過設置上邊框和下邊框的樣式來實現上下邊框的效果。例如：

border-top: 1px solid #000;
border-bottom: 1px solid #000;

這段代碼將會給元素設置一個黑色的上邊框和下邊框，邊框寬度為1像素。

而要實現中間有一條線的效果，我們可以使用偽類選擇器::before或者::after來創建一個新的元素，并對這個元素設置樣式。例如：

.border {
position: relative;
}
.border::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: #000;
}

這段代碼將會給一個class為border的元素添加上一條黑色的中間邊框。首先，我們給這個元素設置了position:relative，然后使用偽類選擇器::before創建了一個新元素。接著，我們給這個元素設置了一些樣式，比如將這個元素放置在元素底部并撐滿整個元素，設置高度為1像素，并設置背景顏色為黑色。

當然，我們可以對這個效果進行修改，例如將中間邊框變成點線或者雙線等。這些都可以通過border-style屬性來設置。

綜上所述，通過上述的簡單代碼，我們可以實現CSS上、中、下邊框的樣式，可以為網站設計提供更加豐富的樣式效果。