css - 仅加粗 div 的顶部和底部边框

Question

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

例如：如果我有一个正方形的 div，它应该看起来：

_______________





_______________

我怎么能在css中做到这一点？

score 6 · Accepted Answer

在 CSS 中

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

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

score 1 · Accepted Answer

尝试：

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

编辑：
快速解释边框速记属性。元素的顺序是width style color，其中宽度的顺序是Top Left Bottom Right。所以在上面的例子中，它将上下边框设置为 2px，左右为 0px。它将默认边框的样式为纯色，颜色为黑色。要在左侧和右侧创建虚线边框，您可以使用：

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

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

0

你可以这样做：

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

于 2012-11-09T20:33:57.393 回答

score 0 · Accepted Answer

尝试类似：

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

5 回答 5