HTML und CSS - dies sind die Grundlagen der Webentwicklung. Wenn Sie Webseiten erstellen, möchten Sie wahrscheinlich Links hinzufügen, um Ihre Benutzer auf andere Seiten oder Websites umzuleiten. Standardmäßig haben Links in HTML jedoch eine Farbe, die hilft, sie von Klartext zu unterscheiden.
Aber was ist, wenn Sie diese Referenzfarbe so ändern möchten, dass sie zu Ihrem Design passt oder einfach nicht auffällt? Keine Sorge, es ist einfach. In diesem Tutorial erfahren Sie, wie Sie die Linkfarbe in HTML und CSS entfernen und wie Sie sie nach Belieben ändern können.
Normalerweise wird die Linkfarbe in HTML vom globalen CSS-Stil für Text geerbt. Um die Farbe des Links zu ändern, müssen Sie eine CSS-Regel für das Tag implementieren a (Link-Tag) oder direkt für die Referenzklasse oder -ID.
Farbe Links loswerden
Wenn Sie die Farbe eines Links entfernen möchten, müssen Sie ihn entweder in eine andere ändern oder den Text des Links als normal festlegen. In HTML und CSS kann dies mit ein paar einfachen Schritten geschehen.
1. Der erste Weg besteht darin, die Farbe des Links mit CSS-Stilen zu ändern. Wählen Sie dazu eine Farbe aus, die sich von der Standardfarbe des Links unterscheidet, normalerweise blau oder lila. Wenn der Link beispielsweise schwarz ist, müssen Sie den folgenden CSS-Code verwenden:
2. Der zweite Weg besteht darin, das Styling des Links vollständig zu entfernen. Legen Sie dazu die text-decoration-Eigenschaft auf none fest. Sie können auch eine cursor: pointer-Eigenschaft hinzufügen, sodass der Cursor beim Schweben auf einen Verweis in einen Zeiger geändert wird:
3. Der dritte Weg besteht darin, Klassen für Referenzen zu verwenden. Erstellen Sie eine Klasse in CSS und wenden Sie sie auf die gewünschten Links an. Wenn Sie beispielsweise Links haben, die normaler Text sein sollten und andere Links den Standardstil beibehalten sollten, können Sie die Klasse normal-link hinzufügen :
.normal-link
Fügen Sie diese Klasse in HTML den entsprechenden Links hinzu:
Jetzt kennen Sie mehrere Möglichkeiten, die Linkfarbe in HTML und CSS loszuwerden. Wählen Sie das für Ihre Bedürfnisse geeignete aus und verbessern Sie das visuelle Erscheinungsbild Ihrer Website.
Verwenden von Inline-Stilen
Wenn Sie die Farbe eines Links ändern möchten, ohne externe CSS-Dateien zu verwenden, können Sie die integrierten Stile verwenden. Dazu fügen Sie dem Tag "a" mit den gewünschten Stilen das Attribut "style" hinzu.
Beispiel für die Verwendung von Inline-Stilen:
| HTML | CSS |
|---|---|
| Der Link | Ändert die Farbe des Links in Schwarz |
In diesem Beispiel weist das Attribut "style" den Browser an, den Stil auf den Link anzuwenden. Die Textfarbe wird mit der Eigenschaft "color" geändert, die auf "black" gesetzt ist. Sie können eine beliebige Farbe mit Farbnamen (z. B. "red") oder hexadezimalen Werten (z. B. "#ff0000") festlegen.
Sie können auch andere Verknüpfungseigenschaften wie Textgröße, Ausrichtung usw. ändern, indem Sie dem Attribut "style" entsprechende Stile hinzufügen. Zum Beispiel:
| HTML | CSS |
|---|---|
| Der Link | Ändert die Farbe des Links in Schwarz und setzt die Textgröße auf 18 Pixel |
In diesem Fall gibt die Eigenschaft "font-size" eine Textgröße von 18 Pixeln an.
Die Verwendung von Inline-Stilen kann nützlich sein, wenn Sie den Stil eines oder mehrerer Links auf einer bestimmten Seite schnell ändern müssen. Wenn Sie jedoch den Stil von Links auf mehreren Seiten Ihrer Website ändern müssen, wird empfohlen, externe CSS-Dateien zu verwenden.
Verwenden von CSS-Stilen
Sie können den folgenden Code verwenden, um die Farbe eines Links in HTML und CSS zu entfernen:
HTML:
CSS:
In diesem Beispiel legen wir die Farbe des Links mithilfe der CSS-Eigenschaft "color" fest und geben den Wert "inherit" an, der die Farbe des übergeordneten Elements erbt. Auf diese Weise hat der Link die gleiche Farbe wie der restliche Text auf der Seite.
Wenn Sie eine andere Farbe für einen Link festlegen möchten, können Sie den Wert der Eigenschaft "color" in eine andere Farbe ändern, indem Sie Schlüsselwörter (z. B. "red" für Rot) oder einen hexadezimalen Farbcode (z. B. "#FF0000" für Rot) verwenden.
Sie können auch andere CSS-Eigenschaften verwenden, um den Stil des Links zu ändern, z. B. "text-decoration", um den Unterstrich des Links hinzuzufügen oder zu entfernen, "font-weight", um den Fettgehalt des Textes festzulegen und andere.
Hier ist ein Beispielcode, der die Linkfarbe entfernt, den Unterstrich entfernt und den Text fett macht:
Dieser Code kann entsprechend Ihren Anforderungen und Gestaltungsvorlieben geändert werden.
