HTML Div 边框不显示

Question

我正在尝试向 HTML 中的 div 元素添加边框。下面是我的代码。

 #container-border {
  border-width: 2px;
  border-color: red;
}

 <div id="container-border">
  ...
</div>

由于某种原因，边框没有出现。我看过一个类似的问题（ here ），但我无法弄清楚为什么边框没有出现。有什么建议吗？

注意：此片段是 HTML 页面的一部分。可根据要求提供其他代码

原文由 Joseph Wahba 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

border-style 的默认值是 none 。您需要为显示的边框设置不同的值。

 #container-border {
  border-width: 2px;
  border-color: red;
  border-style: dashed;
}

 <div id="container-border">
  ...
</div>

原文由 Quentin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以使用边框的短代码，它包含颜色、宽度和样式（您现在缺少它，其默认设置为“无”）：

 #container-border {
  border: 2px solid red;
}

原文由 Johannes 发布，翻译遵循 CC BY-SA 4.0 许可协议