Полноэкранный белый navbar underline? HTML/CSS

Question

Я хотел бы повторить подчеркивание, как в этом примере:

Я просто хочу, чтобы использовать основное цветное подчеркивание, но я не могу получить как тонкий, или расположен отлично под барной стойкой, какой лучший способ достичь этого?

Answer 1

Для этого можно использовать border-bottom. Вот пример.

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

<div class="nav"> 
 

 
</div>