HTML Div边框不显示

Question

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

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

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

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

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

Answer 1

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

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

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

Answer 2

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

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

Answer 3

必须设置规则“边框式”看边框

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

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