仅大胆的Div的顶部和底部边界

Question

我想向Div的边界大胆。我的问题是我只需要大胆的顶部和底部边界。

例如：如果我有一个div作为正方形的形状，则应该看起来：

_______________


_______________

我该如何在CSS中进行？

Answer 1

在CSS

中

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

然后，如果您要在左右边界，只需使其1 px而不是3

Answer 2

设置底部和顶部边界更高的宽度。

#element {
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
 }

Answer 3

尝试：

border: 2px 0px 2px 0px #000;

编辑：
快速解释边框速记属性。元素的顺序为width style color，其中宽度按Top Left Bottom Right的顺序为单位。因此，在上面的示例中，它将顶部和底部边界设置为2PX，左右边界为0px。它将默认边框的样式为实心，颜色将为黑色。为了在左侧和右侧创建虚线的边框，您将使用：

border: 0px 2px 0px 2px dashed #000;

Answer 4

您可以做到：

border-top: 1px solid black;
border-bottom: 1px solid black;

Answer 5

尝试类似：

border-top: 2px solid black;
border-bottom: 2px solid black;

有关更多信息，请访问https://developer.mozilla.org/en-us/docs/css/css/border-top and https://develoveler.mozilla.org/en-en-us/docs/docs/docs/css/csss/border-border--border-ing.底部。