CSS Website Layout. Bară de navigare.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
O bară de navigare conține o listă de link-uri pentru a ajuta vizitatorii care navighează pe site-ul dvs. web:
Exemplu:
/* Containerul navbar */
.topnav {
overflow: hidden;
background-color: #333;
}
/* Link-uri Navbar */
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* Link-uri - schimbați culoarea la hover */
.topnav a:hover {
background-color: #ddd;
color: black;
}
Rezultat: