HTML Div Grenze nicht

Question

zeigt Ich versuche, eine Grenze zu einem div-Elemente in HTML hinzuzufügen. Unten ist mein Code.

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

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

Aus irgendeinem Grund ist die Grenze nicht auf. Ich hatte einen Blick auf eine ähnliche Frage (here), aber ich konnte nicht herausfinden, warum die Grenze nicht angezeigt. Irgendwelche Vorschläge bitte?

Hinweis: Dieser Ausschnitt ist ein Teil einer HTML-Seite. Zusätzlicher Code könnte auf Anfrage zur Verfügung gestellt werden

Answer 1

Der Standardwert von border-style ist none. Sie müssen einen anderen Wert festlegen, damit ein Rahmen angezeigt wird.

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

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

Answer 2

Sie die Kurzwahlnummer für die Grenz verwenden können, die Farbe enthält, Breite und Stil (die Sie gerade jetzt fehlen):

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

Answer 3

Sie haben die Regel festlegen "border-style", um zu sehen, die Grenze

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

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