Yshopnoosa.com

Hur man ändra navigeringen Bar färg i CSS

Navigeringsfältet på din webbplats inte bara hjälper besökarna vada igenom dina sidor med innehåll, men det bär också den färg som representerar utseendet på din webbplats. Om du ändrar webbplatsens design och hitta som nuvarande skuggan inte längre passar din sida, har du möjlighet att ändra den befintliga inställningen. Hitta Cascading Style Sheets koden som designar din Hyper Text Markup Language sida och förstå hur man ändra navigation bar färg, som du föredrar.

Instruktioner

1 Starta din texteditor och få upp webbsidan som har navigeringsfält som du vill ändra. Dessutom få upp CSS style sheet dokumentet (om tillämpligt).

2 Leta reda på CSS-koden som stilar i navigeringsfältet mellan början och slutet "< head >< / capita >" element överst på webbsidan, eller titta på CSS style sheet dokumentet. Om du är osäker på vilken artikel stilar baren, hitta navigationen bomma för kodifierar i HTML syntax och noterar de HTML-element som skapar den. En oordnad lista, till exempel, är en vanlig metod för att bygga ett navigeringsfält och koden ser ut som följande:< ul >< li > menyn moment 1 < /li >< li > menyn moment 2 < /li >< li > menyn moment 3 < /li >< /ul >

3 Leta efter attributet "bakgrundsfärg" mellan klammerparenteserna av i navigeringsfältet CSS-regel du identifierat. Ändra nuvarande skuggan till den HTML-färgkod du föredrar. Till exempel växla den aktuella färgen till en ljus grå som så:Li {bakgrundsfärg: #DDDDDD;}

4 Spara ditt dokument. Klicka på alternativet "Fil" i webbläsarens meny och välj "Öppna" eller "Open File" titeln att förhandsgranska ditt arbete. Om nöjd, överföra din(a) fil(er) till ditt webbhotell att publicera den nya navigation bar färgen.