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>