contatto < /a> < /li> < /ul >
ul # list- nav {margin : 20px; padding: 0; list-style : none; width: 525px ; }
3
Fai la barra di navigazione andare in una linea attraverso la pagina web copiando e incollando il seguente nel tuo blocco note:
ul # list- nav li { display: inline }
4
creare i collegamenti per la barra di navigazione copiando e incollando il seguente :
ul # list- nav li a { text-decoration : none; padding: 5px 0 ; width : 100px ; background: # 485e49 ; color: # eee ; float: sinistra ;
5
allineare il testo nella Navbar copiando e incollando il seguente :
ul # list- nav li a { text- align: center ; border-left : 1px solid # fff ; }
6
creare un colore rollover copiando e incollando il seguente :
ul # list- nav li a: hover {background : # a2b3a1 ; color : # 000 }
7
Cambiare qualsiasi dei colori digitando il codice per il colore della vostra scelta . Trova tutti i simboli "#" e sostituirli con gli indirizzi URL per creare i collegamenti per "Home ", " Chi Siamo ", "Servizi ", "Prodotti" e "Contatto ". ;
8
Salvare il file di codice Navbar in Blocco note. Premere il tasto " Ctrl " + " A" per selezionare tutto. Apri la tua pagina web e andare all'editor HTML CSS . Premere il tasto " Ctrl " + "V" per copiare il codice Navbar . Salvare il codice da inserire nella tua pagina web.