Links sie sind ein wichtiger Teil von Webseiten und ermöglichen es Benutzern, durch verschiedene Seiten und Ressourcen zu navigieren. Häufig bedeutet der Standardstil von Links in Browsern eine blaue Farbe und einen Unterstrich. Um jedoch ein individuelles und ästhetisch ansprechendes Design zu erstellen, müssen Sie möglicherweise die Farbe des Links ändern und den unterstrichenen Stil entfernen. In diesem Artikel werden wir uns ansehen, wie Sie dies mit CSS tun können.
In CSS (Cascading Style Sheets) Es gibt mehrere Möglichkeiten, die Farbe eines Links zu ändern. Eine der einfachsten Methoden ist die Verwendung einer Eigenschaft color. Mit dieser Eigenschaft können Sie die Textfarbe des Links festlegen. Wenn Sie beispielsweise die Farbe eines Links in Rot ändern möchten, können Sie dem CSS die folgende Regel hinzufügen:
Alle Links auf der Webseite werden nun rot angezeigt. Normalerweise bevorzugen Designer jedoch verschiedene Farben für aktive Links, Verweise und besuchte Links. Dazu können Sie Pseudoklassen verwenden :link, :visited und :hover. Zum Beispiel:
a:link a:visited a:hoverWenn Sie solche Stile erstellt haben, können Sie je nach Status für jeden Link auf Ihrer Seite unterschiedliche Farben festlegen.
Wie ändere ich die Linkfarbe in CSS und entferne den blauen unterstrichenen Stil
Um die Farbe des Links zu ändern, können Sie die color-Eigenschaft in CSS verwenden. Zum Beispiel:
| Selektor | Stil |
|---|---|
| a | color: red; |
Im obigen Beispiel wird die Farbe des Links in Rot geändert. Sie können eine beliebige Farbe mit der CSS-Farbpalette auswählen.
Um einen unterstrichenen Stil zu entfernen, können Sie die text-decoration-Eigenschaft in CSS verwenden. Zum Beispiel:
| Selektor | Stil |
|---|---|
| a | text-decoration: none; |
Im obigen Beispiel wird die unterstrichene Formatierung als Referenz entfernt. Jetzt wird Ihr Link ohne Unterstrich angezeigt.
Mit diesen CSS-Eigenschaften können Sie den Stil Ihrer Webseiten-Links nach Ihren Wünschen anpassen, damit sie besser zum Design Ihrer Website passen.
Ändern der Linkfarbe
Webentwickler sind oft mit der Notwendigkeit konfrontiert, die Farbe von Links auf ihren Webseiten zu ändern. Standardmäßig setzen Browser die Farbe Blau für Links und fügen einen Unterstrich hinzu. Mit CSS können Sie jedoch die Farbe der Links leicht ändern und den Unterstrich entfernen.
Um die Farbe eines Links in CSS zu ändern, können Sie die color-Eigenschaft verwenden. Um beispielsweise die rote Farbe eines Links festzulegen, müssen Sie den folgenden Code hinzufügen:
Wenn Sie einen Link in einer anderen Farbe färben, wird der Linktext in der von Ihnen gewählten Farbe auf der Webseite angezeigt.
Um den Unterstrich für Referenzen zu entfernen, können Sie die text-decoration-Eigenschaft mit dem Wert none verwenden. Um beispielsweise einen Unterstrich für alle Links zu entfernen, können Sie den folgenden Code hinzufügen:
Nachdem Sie diesen Code zu einer Stildatei oder innerhalb eines Tags hinzugefügt haben, werden alle Links auf der Webseite ohne blauen Unterstrich angezeigt. Stattdessen unterscheiden sich die Links in der Farbe, die Sie mit color angegeben haben, einfach von normalem Text.
Das Ändern der Linkfarbe und das Entfernen von Unterstrichen kann das Erscheinungsbild einer Webseite erheblich verbessern, sie stilvoller und professioneller gestalten.
Entfernen eines blauen unterstrichenen Stils
Häufig enthalten Webseiten Links, die standardmäßig blau und unterstrichen sind. In einigen Fällen kann es jedoch notwendig sein, diesen Stil so zu ändern, dass er dem Design der Seite entspricht.
Sie können den folgenden Code verwenden, um den blauen unterstrichenen Linkstil in CSS zu entfernen:
In diesem Code verwenden wir den Selektor "a", der angibt, dass diese Stile auf alle Links auf der Seite angewendet werden. Mit der Eigenschaft "text-decoration: none" entfernen wir den Unterstrich für Referenzen, und mit der Eigenschaft "color: inherit" können Links die Textfarbe vom übergeordneten Element erben.
Wenn Sie die Referenzfarbe in eine bestimmte, nicht ererbbare Farbe ändern möchten, können Sie die Eigenschaft "color" hinzufügen und die gewünschte Farbe im Hexadezimal-Farbcodeformat angeben.
Nachdem Sie diese Stile angewendet haben, können Sie nun das Erscheinungsbild der Links auf Ihrer Webseite ändern und den standardmäßigen blauen unterstrichenen Stil entfernen.
