Wie Sie die Links-Farbe ändern machen, wenn eine Maus darüber bewegt wird (mit CSS) ()
Mit CSS Highlight Links zu Mouseover
Wenn Sie einen WYSIWYG-Web-Editor verwenden, sollten Sie stattdessen meine Tutorials auf Expression Web Check-out. BlueGriffon. Dreamweaver oder KompoZer (je nachdem, welche Editor Sie verwenden).
Cascading Style Sheets (CSS) Code Highlight Links zu Mouseover
Der Standardstil in den meisten Browsern für eine Verbindung kann wie folgt beschrieben werden:
Um den Link zu Stil, wenn die Maus über sie schwebt, fügen Sie einfach Regeln für a: schweben. Nehmen Sie die folgenden zum Beispiel.
a: Hover-Farbe: schwarz;
background-color: #def;
>
Für diejenigen, die nicht mit RGB-Farbwerten vertraut, sie sind im Grunde eine Reihe von drei Farben Rot, Grün und Blau, die, wenn sie definieren zusammen die endgültige Farbe, die Sie wollen. Da Browser nur eine sehr begrenzte Teilmenge von Farbnamen erkennen, wenn Sie eine Farbe mehr esoterisch als die run-of-the-mill „blau“ wollen, „schwarz“, „white“ und dergleichen, ist es am besten, sie zu spezifizieren eine Verwendung RGB-Wert. Sie müssen nicht, obwohl die Werte speichern, da die meisten Programmierer Redakteure eine Farbauswahl haben, die den richtigen Wert für Sie generiert.
Wie der Hover-Effekt erstellen Nur für bestimmte Links
Wenn Sie nur bestimmte Links, um die Mouseover-Hervorhebung Wirkung zu erzielen möchten, können Sie es tun, indem diese Effekte auf bestimmte Klassen anzuwenden.
a.specialeffects: Hover-Farbe: schwarz;
background-color: # ff0;
>
Der obige Code führt dazu, dass Links der Klasse „special“ schwarzen Text vor einem gelben Hintergrund haben, wenn die Maus über sie ist. Um es nutzen Sie Ihre Links wie folgt machen:
Das heißt, geben Links, die Sie die Markierung Effekt der „special“ Klasse wollen.
Sie können natürlich Ihre Klassen, was Sie wollen Namen, und nicht nur „special“. Welchen Namen Sie wählen, stellen Sie sicher, dass der Name, den Sie in Ihrem HTML-Link verwenden, übereinstimmt, die in Ihrem CSS-Regeln.
Wie man die Unterstreichung von Verknüpfungen entfernen
Wenn Sie nicht Ihre Links wollen unterstrichen werden, fügen Sie die folgenden, um Ihre Regeln:
Zum Beispiel, wenn Sie betont werden, nicht alle Ihre Links möchten, können Sie den Code wie folgt aussehen:
Schlussfolgerung
Es wird, wie auf der Seite erscheinen: