在網頁設計中，邊框樣式一般是很重要的一個元素，在CSS中，可以通過border來實現邊框的樣式，而上下邊框效果也是一個比較常見的設計。

在CSS中，我們可以通過設置border-top和border-bottom來實現上下邊框的效果。

/*設置上下邊框樣式*/
border-top: 1px solid #000;
border-bottom: 1px solid #000;

上述代碼中，solid表示直線的樣式，#000則是設置邊框顏色（黑色）。如果想要設置邊框的寬度和高度，可以通過設置border-width和height來實現。

/*設置上下邊框粗細和高度*/
border-top: 3px dashed #000;
border-bottom: 3px dashed #000;
height: 50px;

在上面的代碼中，dashed表示邊框是虛線樣式，3px表示邊框的寬度，height設置了邊框的高度為50px。

還有一些其他的上下邊框效果，例如雙線框、圓角框等，可以通過不同的參數設置來實現。

/*設置雙線框上下邊框效果*/
border-top: 2px double #000;
border-bottom: 2px double #000;

以上代碼表示設置了一個上下雙線框，雙線的樣式是通過設置double來實現的。

上下邊框樣式雖然看起來簡單，但是可以根據不同的需求來實現不同的效果，可以讓網頁的設計更加有趣、精美。