Kontakt < /a > < /li > < /ul >
ul # list- nav {margin : 20px ; padding : 0 ; list-style : none; width : 525px ; } Addera 3
Navbar gå i en linje tvärs över sidan genom att kopiera och klistra in följande i din Anteckningar :
ul # list- nav li { display : inline }
4
Skapa länkarna för Navbar genom att kopiera och klistra in följande :
ul # list- nav li a { text - decoration : none; padding : 5px 0 ; width : 100px ; bakgrund : # 485e49 ; color: # eee ; float : vänster ,
5
Rikta in texten i Navbar genom att kopiera och klistra in följande :
ul # list- nav li a { text - align : center ; border -left : 1px solid # fff ;}
6
Skapa ett rollover färg genom att kopiera och klistra in följande :
ul # list- nav li a : hover {background : # a2b3a1 ; color: # 000 }
7
Ändra någon av färgerna genom att skriva in koden för valfri färg . Hitta alla "#" symboler och ersätta dem med URL -adresser för att skapa länkar för " Home , " " Om oss , " " Tjänster , " " Produkter " och " Kontakt . " ;
8
Spara Navbar koden filen i din Anteckningar . Tryck på " Ctrl " + " A " för att markera allt . Öppna din webbsida och gå till CSS HTML-editor . Tryck på " Ctrl " + " V " för att kopiera Navbar koden . Spara koden för att föra in det i din webbsida .
