So ändern Sie eine Rahmenfarbe auf Rollover

May 24

Ändern der Farbe des Rahmens auf Ihrer Webseite dauert nur ein paar Zeilen Code. Sie können die umgebenden Elementen auf Ihrer Seite mit Cascading Style Sheets (CSS) Grenzen anpassen. Das Anchor-Tag ist verantwortlich für alle Links auf Ihrer Webseite. Die Hover-Eigenschaft in einem Ankertag behandelt Rollover in einem Link. Durch die Ankertag-Stil ändern, können Sie hinzufügen, anpassen und ändern Grenzen auf Ihrer Seite. < A >-Tag wird für Anker-Tags im Web verwendet.

Anweisungen

1 Erstellen Sie eine neue HTML-Seite in Ihrem Lieblings-Text-Editor wie Notepad, TextPad oder EditPad. Wählen Sie "Datei" und "Öffnen" aus dem Menü und doppelklicken Sie auf die HTML-Datei, die Sie ändern möchten.

2 Platzieren Sie den Cursor in dem < HEAD >-Tag. Der vorhandene Code kann ähnlich sein:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html >

< Head >

<!--setzen Sie Ihre CSS-Stil-Code hier-->

< / head >

3 Ersetzen Sie die Zeile: "<!--setzen Sie Ihre CSS-Stil-Code hier-->" durch den folgenden Code:

< Typ style = "Text/Css" >

ein {Grenze: 3px schwarz; Text-Decoration: none;}

ein: Hover {Grenze: 3px leuchtet rot; Text-Decoration: none;}

< / style >

4 Ersetzen die Farbe schwarz in der zweiten Zeile des Codes: "ein {Border: 3px solid schwarz; Text-Decoration: none; } "mit der ursprünglichen Farbe der Grenze, wenn der Mauszeiger nicht darüber befinden.

5 Die Farbe Rot in der dritten Zeile des Codes zu ersetzen: "a: Hover {Grenze: 3px solid rot; Text-Decoration: none; } "mit dem Rollover-Farbe für den Rahmen.

6 Scrollen Sie < BODY >-Tag von HTML Code und platzieren Sie den Cursor, wo Ihr Text oder Bild erscheinen.

7 Fügen Sie den folgenden Code um einen Text an anderer Stelle zu verknüpfen. Ihr Anker-Link wird die Formatvorlage, die Sie dem < HEAD >-Tag hinzugefügt.

< a Href = "Text" > http://www.example-site.com "> Text erscheint hier </a >

8 Wählen Sie "Datei" und "Speichern unter" aus dem Menü um Ihre Arbeit zu speichern. Das Dialogfeld "Speichern unter" wird geöffnet. Geben Sie der Datei ein. HTML Datei-Endung, z. B. "index.html" (einschließlich der Anführungszeichen) und klicken Sie auf "Speichern".


SIE KÖNNEN AUCH GERNE