Wenn du den Unterstrich aus deinen HTML Links entfernen möchtest, dann musst du nur den folgenden CSS Code verwenden. Mit dem CSS Code

So entfernst du in CSS den Unterstrich von Links:

Es gibt verschiedene Möglichkeiten, um den Unterstrich von Links in CSS zu entfernen:

text-decoration

Die einfachste Methode ist die Verwendung der Eigenschaft text-decoration: none;. Diese Eigenschaft entfernt alle Textdekorationen, einschließlich des Unterstrichs, von den Elementen, auf die sie angewendet wird.

CSS
a {
  text-decoration: none;
}

Unterstrich von bestimmten Links entfernen:

Du kannst die Eigenschaft text-decoration: none; selektiver anwenden, indem du sie nur auf bestimmte Arten von Links anwendest. Beispielsweise kannst du sie nur auf ungebesuchte Links anwenden:

CSS
a:link {
  text-decoration: none;
}

Verwende Klassen:

Du kannst eine CSS-Klasse definieren, die die Eigenschaft text-decoration: none; enthält, und diese Klasse dann auf die Links anwenden, denen du den Unterstrich entfernen möchtest.

CSS
.no-underline {
  text-decoration: none;
}

<a href="#" class="no-underline">Link ohne Unterstrich</a>

Verwende IDs:

Du kannst auch eine CSS-ID verwenden, um den Unterstrich von einem bestimmten Link zu entfernen.

CSS
#my-link {
  text-decoration: none;
}

<a href="#" id="my-link">Link ohne Unterstrich</a>

Das solltest du beachten: