HTML Div边框没有显示

Question

我试图在HTML中为div元素添加边框。以下是我的代码。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

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

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用边框的短代码，其中包含颜色，宽度和样式（您现在缺少）：

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

Answer 3

您必须设置规则“ border-style ”才能看到边框

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

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