CSS Bară de navigare. Exemple de bare de navigare orizontale.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Creați o bară de navigare orizontală de bază cu o culoare de fundal închisă și schimbați culoarea de fundal a linkurilor atunci când utilizatorul mută mouse-ul peste ele:
Exemplu:
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* Schimbați culoarea legăturii pe numărul 111 (negru) de la hover */
li a:hover {
background-color: #111;
}