Das Ändern der Anzeigeparameter von Links in HTML kann mit kaskadierenden CSS-Stylesheets erfolgen. Sie ermöglichen es Ihnen, die Anzeige der Linkschriftart, ihre Farbe vor dem Anklicken des Benutzers und nach dem Mausklick anzupassen. Sie können auch die Schriftart der verwendeten Schriftart und deren Größe ändern.
Anleitung
Schritt 1
Klassen und Pseudoklassen werden verwendet, um Linkparameter in CSS festzulegen. Die Pseudo-Klasse a: link legt den Stil für einen regulären Link fest, a: besucht ermöglicht es Ihnen, die Anzeige eines bereits verwendeten Links anzupassen. A: active behandelt die Parameter des Tags, wenn der Cursor auf das Element geklickt wird, und a: hover legt den Stil des Links fest, wenn Sie mit der Maus darüber fahren. Sie können auch selbst eine beliebige Klasse für das Element erstellen und in den Parametern Standardoperatoren verwenden, um den Text zu formatieren.
Schritt 2
Um die Unterstreichung des Linktextes im Browser zu deaktivieren, verwenden Sie den Parameter text-decoration: none. Sie können dieses Attribut sowohl in einer Klasse als auch in einer Pseudoklasse für ein Element angeben. Um die Farbe des Links zu ändern, verwenden Sie den Farbparameter für die Größe - das Standardattribut font-size. Wenn Sie Fett- oder Kursivschrift verwenden möchten, verwenden Sie den Parameter font-weight.
Schritt 3
Öffnen Sie Ihre HTML-Datei mit einem beliebigen Texteditor, mit dem Sie den Seitencode bearbeiten. Gehen Sie danach zu einem Abschnitt Ihres Dokuments und legen Sie den CSS-Code für zukünftige Links auf der Seite mithilfe eines Handles fest. Beispielsweise:
Links ändern
a: link {Textdekoration: keine;
Schriftgröße: 14px;
Schriftdicke: fett;
Farbe Rot; }
Schritt 4
Dieser Code entfernt die Unterstreichung von einem regulären Link, setzt die Textgröße auf 14 Pixel, wendet einen fetten Stil und eine rote Farbe des Elements an. Jetzt wird jeder Link im Tag so angezeigt.
Schritt 5
Sie können für jeden bestimmten Link mithilfe von CSS-Klassen einen Stil erstellen. Wenn der Code im Tag also wie folgt aussieht:
a.link1 {Schriftgröße: 20px; Farbe: Schwarz;}
Schritt 6
Sie können die Größe des Links auf 20 Pixel und Schwarz einstellen, indem Sie die Klasse im Hauptteil des Dokuments wie folgt verwenden:
Verknüpfung
Aus dem Beispiel können Sie sehen, dass dem Link die erstellte CSS-Codeklasse Stepback zugewiesen wurde, indem Sie das Klassenattribut des Links angeben. Dieser Link wird nun schwarz dargestellt und hat eine Größe von 20 Pixeln. Um dieses Attribut zu ändern, bearbeiten Sie den CSS-Code des Seitenabschnitts.
Schritt 7
Die Änderung des Erscheinungsbilds des Links ist abgeschlossen, Sie können die in der Datei vorgenommenen Änderungen speichern und zur Anzeige in einem Browser ausführen.
