Entfernen Sie die Unterstreichung unter den Links in HTML / CSS

Standardmäßig sind HTML-Hyperlinks unterstrichen. Wenn Sie diese Funktion jedoch deaktivieren und Ihre Hyperlinks als nicht unterstrichenen Text anzeigen möchten, können Sie dies mit CSS tun.

Dieser Artikel führt Sie durch die notwendigen Schritte.

• Nicht unterstrichene Links mit CSS anzeigen
• Nicht unterstrichene Links mit CSS über eine Klasse anzeigen
• Nicht unterstrichene Links mit CSS Online anzeigen

Nicht unterstrichene Links mit CSS anzeigen

Um die Unterstreichung von HTML-Links zu entfernen, geben Sie einfach den folgenden Code in das CSS ein:

a.nounderline: link
{
Textdekoration: keine;
}

NB Pseudo-Klasse: Link erlaubt es Ihnen nur die Hyperlinks () und Anker () anzuvisieren und ist nicht obligatorisch.

Nicht unterstrichene Links mit CSS über eine Klasse anzeigen

Wenn Sie möchten, dass der Stil auf bestimmte Links angewendet wird, definieren Sie einfach eine bestimmte Klasse für Links, die nicht unterstrichen werden sollen. Sie können dazu den folgenden Code verwenden:

a.nounderline: link
(
Textdekoration: keine;
)
a.nounderline: link
{
Textdekoration: keine;
}

Nicht unterstrichene Links mit CSS Online anzeigen

Wenn Sie kein Stylesheet definieren möchten, können Sie den Stil einfach online mit dem folgenden Stilattribut festlegen:

 Text des Links 

Bild: © Yuriy Vlasenko - Shutterstock.com