Kontakt < /a > < /li> < /ul >
ul # list- nav { margin: 20px ; padding: 0 ; list-style : none; bredde : 525px ;}
3
Gjør navbar gå på en linje på tvers av websiden ved å kopiere og lime inn følgende i Notepad din : en
ul # list- nav li {display : inline }
4
Lag linkene for navbar ved å kopiere og lime inn følgende : en
ul # list- nav li a { text -decoration : none; padding: 5px 0 ; bredde : 100px ; bakgrunn: # 485e49 ; color: # eee ; float: venstre ;
5
Juster teksten i Navbar ved å kopiere og lime inn følgende : en
ul # list- nav li a { text-align : center ; border -left: 1px solid # fff ;}
6
Lag en rollover farge ved å kopiere og lime inn følgende : en
ul # list- nav li a: hover {background : # a2b3a1 ; color: # 000 }
7
eventuelt endre farger ved å skrive inn koden for fargen du ønsker . Finn alle de "# " symboler og erstatte dem med URL -adresser for å lage linkene for "Home ", " Om oss ", " Tjenester ", " Produkter " og " Kontakt . " ;
8
Lagre Navbar kode i Notisblokk din . Trykk "Ctrl " + "A" for å velge alle. Åpne din webside og gå til CSS HTML editor. Trykk "Ctrl " + " V " for å kopiere Navbar koden . Lagre koden for å legge den inn websiden din.