Wie ändern Sie die Navigation Bar Farbe in CSS

November 24

Wie ändern Sie die Navigation Bar Farbe in CSS

Die Navigationsleiste auf Ihrer Website hilft nicht nur die Besucher durch Ihre Seiten Inhalt waten, aber es trägt auch die Farbe, die das Aussehen und Verhalten Ihrer Website darstellt. Wenn Sie Ihre Website Design ändern und feststellen, dass der aktuelle Schatten nicht mehr Ihre Seite passt, haben Sie die Möglichkeit, die vorhandene Einstellung zu ändern. Finden Sie den Cascading Style Sheets-Code, der Ihre Hyper Text Markup Language Seite entwirft und verstehen Sie, wie die Navigation Bar Farbe ändern wie Sie möchten.

Anweisungen

1 Starten Sie Ihren Texteditor und bringen Sie die Web-Seite mit der Navigationsleiste, die Sie ändern möchten. Darüber hinaus bringen Sie die CSS-Stylesheetdokument (falls zutreffend).

2 Suchen Sie den CSS-Code, die Stile die Navigationsleiste zwischen Anfang und Ende "< Leiter >< / Kopf >" Elemente am oberen Rand der Webseite oder der Blick auf die CSS-Stylesheetdokument. Wenn Sie unsicher sind, welche Regel die Bar Stile, finden Sie die Navigation Bar-Code in die HTML-Syntax zu und notieren Sie die HTML-Elemente, die sie erstellen. Eine ungeordnete Liste ist beispielsweise eine übliche Methode zum Erstellen einer Navigationsleiste und der Code sieht wie folgt aus:< Ul >< li > Menüpunkt 1 </li >< li > Menüpunkt 2 </li >< li > Menüpunkt 3 </li ></ul >

3 Suchen Sie das Attribut "Background-Color" zwischen den geschweiften Klammern der Navigationsleiste CSS-Regel, die Sie identifiziert. Ändern Sie den aktuellen Schatten in den HTML-Farbcode, die, den Sie bevorzugen. Wechseln Sie zum Beispiel also die aktuelle Farbe zu grau wie ein Licht:Li {Hintergrundfarbe: #DDDDDD;}

4 Speichern Sie Ihre Dokumente. Klicken Sie auf die Option "Datei" Ihres Browsers im Menü, und wählen Sie den Titel "Öffnen" oder "Datei öffnen", um eine Vorschau Ihrer Arbeit. Wenn erfüllt, laden Sie Ihre Datei(en) auf Ihren Web-Host, die neue Navigation Bar Farbe zu veröffentlichen.