在CSS中，設置一個元素的邊框是非常簡單的，但如何讓其只顯示上下邊框呢？下面就讓我們一起探討如何用CSS來設置一個元素的上下邊框吧！ 首先，我們可以使用“border-top”和“border-bottom”來實現這個效果。 下面是一個例子：

p {
border-top: 2px solid black;
border-bottom: 2px solid black;
}

在這個例子中，我們為p標簽設置了上下邊框，并將它們的寬度設置為2個像素，并將顏色設置為黑色。 如果您只想要一個像素寬度的線，請將“2px”更改為“1px”。 另外，為了使上下邊框的寬度不影響元素的大小，您可以使用“box-sizing”屬性，將其設置為“border-box”。 這樣，上下邊框的寬度將被包括在元素的尺寸內。 下面是一個例子：

p {
border-top: 2px solid black;
border-bottom: 2px solid black;
box-sizing: border-box;
}

如上代碼中，我們將“box-sizing”屬性設置為“border-box”，這樣該屬性將包括上下邊框的寬度。 最后，我們可以使用“border-left”和“border-right”屬性去掉左右邊框，這樣我們就可以只顯示元素的上下邊框。下面是一個例子：

p {
border-top: 2px solid black;
border-bottom: 2px solid black;
box-sizing: border-box;
border-left: none;
border-right: none;
}

在這個例子中，我們刪除了左右邊框，使元素只顯示上下邊框。 綜上所述，使用CSS設置元素的上下邊框是非常簡單的，只需使用“border-top”和“border-bottom”屬性，并將“box-sizing”屬性設置為“border-box”，如果需要的話，可以使用“border-left”和“border-right”屬性去掉左右邊框。