在CSS中，如果你只想顯示上下邊框，可以通過設(shè)置border-top和border-bottom屬性來實(shí)現(xiàn)，以下是一個示例：

div {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

這個CSS規(guī)則會為一個div元素添加上下邊框，你可以根據(jù)需要調(diào)整邊框的樣式、寬度和顏色。

邊框樣式的完整控制

CSS提供了豐富的屬性來控制邊框的樣式，包括但不限于：

border-style：設(shè)置邊框的樣式，如solid、dashed、dotted等。

border-width：設(shè)置邊框的寬度。

border-color：設(shè)置邊框的顏色。

示例：完整的邊框控制

下面是一個更全面的示例，展示如何控制一個元素的邊框樣式：

div {
    border-style: solid; /* 設(shè)置邊框樣式為實(shí)線 */
    border-width: 2px; /* 設(shè)置邊框?qū)挾葹?像素 */
    border-color: #ff0000; /* 設(shè)置邊框顏色為紅色 */
}

響應(yīng)式設(shè)計中的邊框控制

在響應(yīng)式設(shè)計中，你可能需要根據(jù)屏幕大小調(diào)整邊框的樣式和寬度，這可以通過使用媒體查詢（Media Queries）來實(shí)現(xiàn)。

@media (max-width: 600px) {
    div {
        border-width: 1px; /* 在小屏幕設(shè)備上使用更細(xì)的邊框 */
    }
}

通過CSS，你可以精細(xì)地控制元素的邊框樣式、寬度和顏色，以適應(yīng)不同的設(shè)計需求，結(jié)合媒體查詢，你可以實(shí)現(xiàn)響應(yīng)式的邊框控制，提升用戶體驗(yàn)。