Question

我想加粗div的边界。我的问题是我只需要加粗顶部和底部边框。

例如：如果我将div作为正方形的形状，它应该看起来：

_______________





_______________

我怎样才能在css中完成？

Answer 1

在CSS中

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

然后如果您想要左右边框，只需将它们设为1 px而不是3

Answer 2

尝试：

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

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

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

Answer 3

将底部和顶部边框的宽度设置得更高。

#element {
    border-top: 5px solid #000;
    border-bottom: 5px solid #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;