HTML -Links - Verschiedene Farben
Ein HTML-Link wird in einer anderen Farbe angezeigt, je nachdem, ob er besucht, nicht besucht oder aktiv ist.
Farben für HTML-Links
Standardmäßig wird ein Link wie folgt angezeigt (in allen Browsern):
- Ein nicht besuchter Link ist unterstrichen und blau
- Ein besuchter Link ist unterstrichen und violett
- Ein aktiver Link ist unterstrichen und rot
Sie können die Farben des Linkstatus ändern, indem Sie CSS verwenden:
Beispiel
Hier ist ein nicht besuchter Link grün und nicht unterstrichen. Ein besuchter Link ist rosa ohne Unterstreichung. Ein aktiver Link wird gelb und unterstrichen sein. Wenn Sie mit der Maus über einen Link fahren (a:hover), wird dieser außerdem rot und unterstrichen:
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
Verknüpfungsschaltflächen
Ein Link kann auch als Schaltfläche gestaltet werden, indem CSS verwendet wird:
Dies ist eine VerbindungBeispiel
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
Um mehr über CSS zu erfahren, besuchen Sie unser CSS-Tutorial .
HTML-Link-Tags
Tag | Description |
---|---|
<a> | Defines a hyperlink |
Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz .