ul # list - nav
{ margin : 20px ; padding : 0 ; list-style : none ; width : 525px ; }
3

maken de navigatiebalk te gaan in een lijn over de webpagina door te kopiëren en de volgende in uw Kladblok plakken :

ul beelden # list - nav li {weergeven : inline }
4

Maak de verbindingen voor de navigatiebalk door het kopiëren en plakken van de volgende :

ul beelden # list - nav li a {text - decoration : none ; padding : 5px 0 ; width : 100px ; achtergrond : # 485e49 ; color: # eee ; float : links ;
5

Lijn de tekst in de navigatiebalk door het kopiëren en plakken van de volgende :

ul beelden # list - nav li a { text-align : center ; border -left : 1px solid # fff ; }
6

Maak een rollover kleur door het kopiëren en plakken van de volgende :

ul beelden # list - nav li a : hover { background : # a2b3a1 ; kleur : # 000 }
7

een van de kleuren wijzigen door te typen in de code voor de kleur van uw keuze . Zoek alle " # " symbolen en ze te vervangen door de URL -adressen op de links voor "Home , " " Over ons , " " Diensten , " " Producten " en " Contact creëren . " ;
8

Sla de navigatiebalk code bestand in uw Kladblok. Druk op " Ctrl " + " A " om alles te selecteren . Open uw webpagina en ga naar de CSS HTML-editor . Druk op ' Ctrl ' + ' V ' op de navigatiebalk code te kopiëren . Sla de code in te voeren in uw webpagina .