Css 仅加粗div的顶部和底部边框

我想冒进一个分区的边界。 我的问题是，我只需要加粗顶部和底部边界

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

_______________





_______________

如何在css中执行此操作？

在css中

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

然后，如果你想在左边和右边添加边框，只需将它们设为1像素，而不是CSS中的3像素

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

然后，如果您想在左侧和右侧添加边框，只需将其设为1像素而不是3像素即可尝试：

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

编辑：
快速解释边框速记属性。元素的顺序为

宽度样式颜色

，其中宽度的顺序为

左上右下

。因此，在上面的示例中，它将顶部和底部边界设置为2px，左侧和右侧为0px。它将默认边框样式为纯色，颜色为黑色。要在左侧和右侧创建虚线边框，请使用：

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

尝试：

编辑：
快速解释边框速记属性。元素的顺序为

宽度样式颜色

，其中宽度的顺序为

左上右下

。因此，在上面的示例中，它将顶部和底部边界设置为2px，左侧和右侧为0px。它将默认边框样式为纯色，颜色为黑色。要在左侧和右侧创建虚线边框，请使用：

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

---

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

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

---

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

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

您可以通过以下方式完成：

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

您可以通过以下方式完成：

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

尝试以下方法：

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

有关更多信息，请参阅和。

尝试以下方法：

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

---

有关详细信息，请参见和。

边框没有粗体。它们不是文本-它们有宽度。边框没有粗体。它们不是文本-它们有宽度。@j08691:我考虑过，但我认为排除它会鼓励任何人使用RTFM。不过，指向M的链接可能不会有什么坏处。@j08691:Hah！在寻找合适的链接时，即使是w3c也没有对边界速记的充分解释。也许一个解释是正确的。是的，我看到了，但是如果你仔细阅读，它没有列出宽度的确定顺序。你确定你可以同时使用这两种速记方法吗？我刚刚在JSFIDLE中尝试了您的代码，但是没有正确设置边界。我认为您只能用速记指定一次宽度，并且必须添加另一个CSS“border width:2px 1px 2px 1px；”要为每一侧设置不同的宽度@spaceman817:根据规范是这样的，但我可以从你的小提琴中看出它没有按规定工作。@j08691:我考虑过，但我认为排除它会鼓励任何人使用RTFM。不过，指向M的链接可能不会有什么坏处。@j08691:Hah！在寻找合适的链接时，即使是w3c也没有对边界速记的充分解释。也许一个解释是正确的。是的，我看到了，但是如果你仔细阅读，它没有列出宽度的确定顺序。你确定你可以同时使用这两种速记方法吗？我刚刚在JSFIDLE中尝试了您的代码，但是没有正确设置边界。我认为您只能用速记指定一次宽度，并且必须添加另一个CSS“border width:2px 1px 2px 1px；”要为每一侧设置不同的宽度@spaceman817：根据规范，就是这样，但我可以从你的小提琴中看出，它没有按规定工作。