HTML: Wie man über den Text die Linkfarbe ändern Rollen

Keine Webseite ist komplett ohne Links. Mit HTML und CSS, können Sie die Farben für jede Art von Link auf einer Seite festlegen: besuchte, nicht besuchte, Hover und Active. Die Hoverfarbe ist die Farbe, die eine Verknüpfung wird angenommen, wenn der Mauszeiger darüber befindet. Hover Farben sind nicht nur dekorativ. Da die Verknüpfung Farbe ändert, wenn Sie darüber bewegt, hilft es den Leser die Seite navigieren und folgen Sie den Links, die er schnell mag.

Anweisungen

Craete Link-Farben

1 Öffnen Sie einen Texteditor. Sie können einen einfachen Editor wie Editor. Speichern Sie die Datei "style.css" in demselben Ordner wie Ihre Website-Dateien auf Ihrem Computer.

2 CSS-Deklarationen für die Hyperlinkfarben mit der "Anker"-Pseudo-Klassen wie folgt zu machen. Verwenden Sie entweder Farbnamen (siehe unten), hex-Werte oder RGB-Werte. Beachten Sie, dass die Reihenfolge der Deklarationen erforderlich ist, um funktionieren.

a: Link {Color: Red;}

ein: besucht {Color: Blue;}

a: Hover {Color: Green;}

a: Active {Color: White;}

3 Fügen Sie Kommentare hinzu, wenn es hilft, dass Sie sich daran erinnern, welche Pseudoklasse für welche Art von Hyperlinks auf der Webseite gilt.

a: Link {Color: Red;} / Dies ist der normale Hyperlink. /

ein: {Color: Blue;} besucht / Dies ist für ein besuchter Hyperlink. /

a: Hover {Color: Green;} / Dies ist die Farbe eines Links, wenn Sie Ihre Maus darüber Rollen zu ändern /

a: Active {Color: White;} / Dies ist die Farbe des Hyperlinks, wenn darauf geklickt wird. /

4 Speichern Sie das Stylesheet. Öffnen Sie die Web-Seite, und verknüpfen Sie es mit dem Stylesheet. Fügen Sie den folgenden Code zwischen den HEAD-Tags < Head > und < / Head >.

< link Rel = "Stylesheet" Type = "Text/Css" href="style.css" / >

Link-Farben verwenden

5 Starten Sie einen Web-Browser wie Firefox. Stellen Sie sicher, dass den Browser erlauben Web-Seiten ihre eigenen Farben, statt Ihre eigenen Browser- oder Farben anzeigt. In Firefox, zum Beispiel, gehen Sie auf "Extras", "Optionen" "Content" und dann "Farben". Überprüfen Sie das Kontrollkästchen "Zulassen Seiten um eigene Farben zu wählen."

6 Wechseln Sie zu der Webseite, die Sie anzeigen möchten. Suchen Sie einen Hyperlink auf der Seite.

7 Ziehen Sie die Maus über einen Hyperlink. Wenn sich der Mauszeiger verändert und es ist über den Link, sollte die Farbe des Links in der Farbe ändern, die Sie im Stylesheet festgelegt. Wenn Sie eine Farbe ändern nicht sehen, es könnte ein Fehler im Code oder Ihren Browser auf die Webseite Farben ignorieren festgelegt ist.