2016-07-25 27 views
1

Ich möchte unterstreichen, wie in diesem Beispiel replizieren:Vollbild weiß navbar unterstreichen? HTML/CSS

enter image description here

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?

+2

Sie 'Border-Bottom' – Sankar

+0

Ahh verwenden können, ja das sieht aus wie es funktionieren würde. Vielen Dank! – Tom

Antwort

0

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>

+0

Perfekt! Vielen Dank! – Tom

+0

Stellt sich heraus das CSS-Framework, das ich verwende, hat eine horizontale Linie, die funktioniert! Als Anmerkung ist es


in Revolver. – Tom