Vollbild weiß navbar unterstreichen? HTML/CSS

Question

Ich möchte unterstreichen, wie in diesem Beispiel replizieren:

Ich war nur eine einfache farbige Unterstrichen verwenden würde, aber ich kann nicht bekommen ist so dünn, oder perfekt positioniert Wie kann man das am besten unter der Navigationsleiste erreichen?

Answer 1

Sie können dazu border-bottom verwenden. Hier ist ein Beispiel.

* { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
body { 
 
    background-color: black; 
 
} 
 
.nav { 
 
    width: 100%; 
 
    height: 40px; 
 
    border-bottom: 1px solid #ccc; 
 
}

<div class="nav"> 
 

 
</div>