Plein écran blanc barre de navigation souligné? HTML/css

Question

Je voudrais reproduire le soulignement comme dans cet exemple:

Je voulais simplement utiliser un soulignement de couleur de base, mais je ne peux pas est aussi mince, ou parfaitement positionné sous le bar de la navigation, quel est le meilleur moyen d'y parvenir?

Answer 1

Vous pouvez utiliser border-bottom pour cela. Voici un exemple.

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

<div class="nav"> 
 

 
</div>