Fjern understreget under linkene i HTML / CSS

Som standard understreges HTML-hyperlinks . Men hvis du ønsker at deaktivere denne funktion og vise dine hyperlinks som ikke-understreget tekst, kan du gøre det ved hjælp af CSS .

Denne artikel vil lede dig gennem de nødvendige trin.

• Vis ikke-understregede links ved hjælp af CSS
• Vis ikke-understreget Links Brug CSS Via en klasse
• Vis ikke-understreget links ved hjælp af CSS Online

Vis ikke-understregede links ved hjælp af CSS

For at fjerne understregningen fra HTML-links skal du blot indtaste følgende kode i CSS:

a.nounderline: link
{
tekst-dekoration: ingen;
}

NB Pseudoklasse: Link giver dig mulighed for at målrette kun hyperlinks () og ankre () og er ikke obligatorisk.

Vis ikke-understreget Links Brug CSS Via en klasse

Hvis du vil have stilen at anvende på bestemte links, skal du blot definere en bestemt klasse for links, som du ikke ønsker at understrege. Det kan du gøre ved at bruge følgende kode:

a.nounderline: link
(
Tekst dekoration: ingen;
)
a.nounderline: link
{
tekst-dekoration: ingen;
}

Vis ikke-understreget links ved hjælp af CSS Online

Endelig, hvis du ikke ønsker at definere et stilark, kan du blot indstille stilen online med følgende stilattribut:

 Tekst af link 

Billede: © Yuriy Vlasenko - Shutterstock.com