So Markieren Sie Einen Link Mit Farbe

Inhaltsverzeichnis:

So Markieren Sie Einen Link Mit Farbe
So Markieren Sie Einen Link Mit Farbe

Video: So Markieren Sie Einen Link Mit Farbe

Video: So Markieren Sie Einen Link Mit Farbe
Video: КАЛЛИГРАФИЯ в Procreate на iPad: как рисовать буквы, основные функции и фишки, создание кистей. 2024, April
Anonim

Die HTML-Auszeichnungssprache bietet eine Vielzahl von Möglichkeiten, Elemente im Browserfenster anzuzeigen. Um Grafikparameter zu bearbeiten, Farben für Seitenelemente festzulegen, wird oft CSS verwendet, mit dem Sie die gewünschte Textfarbe fein einstellen können.

So markieren Sie einen Link mit Farbe
So markieren Sie einen Link mit Farbe

Anleitung

Schritt 1

Um den Link-Anzeigeparameter zu bearbeiten, müssen Sie den Seitencode ändern. Öffnen Sie Ihr HTML-Dokument mit einem Dienstprogramm zur Codebearbeitung. Verwenden Sie den Standard-Windows-Editor "Notepad". Sie können auch zusätzliche Programme wie Notepad ++ oder HTML-Viewer installieren, die es Ihnen ermöglichen, den benötigten Code mit Syntax-Highlighting anzuzeigen. Um die Datei im Editor zu öffnen, klicken Sie mit der rechten Maustaste und wählen Sie "Öffnen mit". Geben Sie in der angezeigten Liste das ausgewählte Dienstprogramm an.

Schritt 2

Navigieren Sie im Editorfenster zu dem Link, dessen Farbe Sie ändern möchten. Jeder Link hat die Form Linkname. Um die Textfarbe zu ändern, verwenden Sie den Stilparameter.

Schritt 3

Nachdem Sie die Zeile ausgewählt haben, die Sie ändern möchten, gehen Sie zum Seitenblock. Geben Sie nach dem abschließenden Deskriptor das Tag ein und erstellen Sie die gewünschte CSS-Pseudoklasse. Beispielsweise:

. Farbwechsel {Farbe: rot;

Hintergrund: blau;

Polsterung: 1px; }

Schritt 4

Dieser Code erstellt eine Pseudoklasse namens colorchange, die in Linkattributen verwendet werden kann. Der Parameter color ist für die Textfarbe des Elements verantwortlich - in diesem Fall wird der Wert Rot gesetzt, wodurch der Text in Rot erzeugt wird. Sie können diesem Element einen beliebigen HTML-Wert hinzufügen. Die Hintergrundfarbe des Links wird über den Parameter background eingestellt. Der Padding-Parameter ist für die Einrückung des Links relativ zu anderen Elementen verantwortlich.

Schritt 5

Nach dem Erstellen einer Pseudoklasse muss diese im Hauptteil des Dokuments selbst festgelegt werden. Gehen Sie zurück zu dem Abschnitt des Codes, in dem sich Ihr Link befindet. Bearbeiten Sie es, indem Sie den Klassenparameter eingeben und ihm einen Wert mit dem Namen der CSS-Pseudoklasse zuweisen. Beispielsweise:

Linkname

Schritt 6

Sie erstellen einen roten Link mit blauem Hintergrund und 1-Pixel-Padding, wie im obigen CSS angegeben. Speichern Sie die an der Datei vorgenommenen Änderungen und schließen Sie das Editorfenster. Um den angegebenen Code zu überprüfen, öffnen Sie Ihre Seite in einem Browserfenster, um sicherzustellen, dass die vorgenommenen Einstellungen korrekt sind. Die farbliche Hervorhebung des Links ist abgeschlossen.

Empfohlen: