HTML ist eine Markupsprache, die zum Erstellen von Webseiten verwendet wird. Es ermöglicht uns, verschiedene Elemente auf einer Seite zu erstellen, einschließlich Links. Links sind spezielle Elemente, die es uns ermöglichen, zu anderen Seiten oder Orten auf der aktuellen Seite zu navigieren.
Die Standardverknüpfungen sind in HTML sie haben eine Farbe, normalerweise blau, damit Benutzer sie von einem anderen Text unterscheiden können. In einigen Fällen müssen wir jedoch möglicherweise die Farbe des Links ändern oder ihn sogar vollständig entfernen.
So ändern Sie die Farbe des Links in HTML CSS wir können spezielle Eigenschaften und Werte verwenden. Zum Beispiel können wir die Eigenschaft verwenden color um eine neue Referenzfarbe festzulegen. Wenn wir die Farbe des Links vollständig entfernen möchten, können wir die Eigenschaft verwenden text-decoration mit Wert none.
Wie mache ich einen Link ohne Farbe in HTML und CSS?
Häufig müssen Sie beim Erstellen von Webseiten das Styling der Links bearbeiten. Manchmal ist es notwendig, die Farbe des Links zu entfernen, damit er wie normaler Text aussieht, aber immer noch aktiv und anklickbar ist. Führen Sie die folgenden Schritte aus, um einen Link ohne Farbe in HTML und CSS zu erstellen.
- Öffnen Sie die HTML-Datei, in der sich Ihr Link befindet.
- Suchen Sie nach dem Tag a , das das Element zum Erstellen der Referenz ist.
- Fügen Sie diesem Tag das Attribut style="color: inherit;" hinzu. Dieser Stil bewirkt, dass der Link eine Farbe vom übergeordneten Element erbt, was bedeutet, dass keine spezifische Farbe für den Link angewendet wird, sodass er im Klartext bleibt.
Hier ist ein Beispiel für ein a-Tag mit einem hinzugefügten Stil:
Speichern Sie die Datei und öffnen Sie die Webseite in einem Browser. Jetzt sieht Ihr Link wie normaler Text ohne Farbe aus, ist jedoch weiterhin aktiv und anklickbar.
Denken Sie daran, dass Sie auch andere Stile des Links, wie Unterstreichung, Größe und Schriftart, mit CSS ändern können. Um die Referenzfarbe zu entfernen, können Sie sich jedoch darauf beschränken, das Style-Attribut color: inherit einfach hinzuzufügen; zum Tag a .
Entfernen Sie die Linkfarbe mit CSS
Die Pseudo-Klasse :visited wird auf Links angewendet, die bereits vom Benutzer besucht wurden. Standardmäßig legen Browser die Stile der besuchten Links fest, einschließlich Farbe und Unterstreichung. Um die Referenzfarbe zu entfernen, legen Sie einfach den Eigenschaftswert fest color für die Pseudoklasse :visited auf die gewünschte Farbe.
Wenn Sie beispielsweise die Farbe eines Links entfernen und ihn zu einem Teil des Textes mit der gleichen Farbe machen möchten, können Sie den folgenden CSS-Code verwenden:
Hier ist die Eigenschaft color wird auf einen Wert festgelegt inherit, was bedeutet, dass die Referenzfarbe vom übergeordneten Element geerbt wird. Als Ergebnis wird der Link keine separate Farbe haben.
Wenn Sie die Linkfarbe einschließlich der Unterstreichung vollständig entfernen möchten, können Sie den folgenden CSS-Code verwenden:
In diesem Code ist die Eigenschaft color wird auf einen Wert festgelegt transparent, wodurch der Linktext transparent wird. Eigenschaft text-decoration wird auf einen Wert festgelegt none, um den Unterstrich des Links zu entfernen.
So können Sie mit einfachen CSS-Regeln die Farbe eines Links leicht entfernen und in den Text mit der gleichen Farbe integrieren oder die Farbe und den Unterstrich vollständig entfernen.
Entfernen Sie die Referenzfarbe mit Inline-Stilen
Sie können Inline-Stile verwenden, um die Farbe eines Links in einem HTML-Dokument zu entfernen. Um dies zu tun, fügen Sie dem Element einen Stil hinzu a, die den Link bezeichnet.
Hier ist ein Beispiel:
a
color: inherit;
text-decoration: inherit;
>
In diesem Beispiel setzen wir die Eigenschaft "color" auf "inherit". Dies bedeutet, dass die Referenzfarbe vom übergeordneten Element erbt. Wenn Sie also keine Farbe für das übergeordnete Element festlegen, fehlt die Referenzfarbe.
Außerdem setzen wir die Eigenschaft "text-decoration" auf "inherit", um den Unterstrich des Links zu entfernen. Wenn Sie einen Unterstrich beibehalten möchten, können Sie diese Zeile löschen oder auskommentieren.
Mit diesen Stilen können Sie die Farbe und andere Eigenschaften des Links entfernen und sie entsprechend Ihren Anforderungen ändern. Dadurch können Sie ein flexibleres und anpassbares Design für Ihre Webseiten erstellen.
Linkfarbe nur ändern, wenn Sie die Maus bewegen
Um die Farbe eines Links nur beim Schweben zu ändern, können Sie die Pseudo-Klasse :hover in CSS verwenden. Mit dieser Pseudo-Klasse können Sie Stile angeben, die nur angewendet werden, wenn der Benutzer den Mauszeiger über einen Link bewegt.
Im Folgenden finden Sie einen Beispielcode, der zeigt, wie Sie die Farbe eines Links nur ändern können, wenn Sie die Maus bewegen:
a a:hover In diesem Beispiel wird die ursprüngliche Referenzfarbe auf Blau gesetzt, während die neue Referenzfarbe beim Mauszeiger auf Rot gesetzt ist. Sie können diese Werte durch Ihre eigenen Farben ersetzen.
Nachdem Sie die Stile angewendet haben, hat der Link die ursprüngliche Farbe, bis der Mauszeiger darüber bewegt wird, und ändert dann seine Farbe in die angegebene Farbe, wenn Sie die Maus bewegen.
