Fjern understreken under koblingene i HTML / CSS

HTML-hyperkoblinger er som standard understreket. Men hvis du ønsker å deaktivere denne funksjonen og vise hyperkoblingene som ikke-understreket tekst, kan du gjøre det ved å bruke CSS .

Denne artikkelen vil gå deg gjennom de nødvendige trinnene.

• Vis ikke-understrekte koblinger ved hjelp av CSS
• Vis ubemerkede koblinger ved hjelp av CSS via en klasse
• Vis ikke-understrekte koblinger ved hjelp av CSS Online

Vis ikke-understrekte koblinger ved hjelp av CSS

For å fjerne understreken fra HTML-koblinger, skriv inn følgende kode i CSS:

a.nounderline: link
{
text-decoration: none;
}

NB Pseudoklasse: lenke gjør det mulig å målrette bare hyperlinks () og ankre () og er ikke obligatorisk.

Vis ubemerkede koblinger ved hjelp av CSS via en klasse

Hvis du vil at stilen skal gjelde for bestemte lenker, kan du bare definere en bestemt klasse for lenker som du ikke ønsker å bli understreket. Du kan gjøre det ved å bruke følgende kode:

a.nounderline: link
(
Tekst-dekorasjon: ingen;
)
a.nounderline: link
{
text-decoration: none;
}

Vis ikke-understrekte koblinger ved hjelp av CSS Online

Til slutt, hvis du ikke vil definere et stilark, kan du ganske enkelt sette stilen online med følgende stilattributt:

 Tekst av lenke 

Bilde: © Yuriy Vlasenko - Shutterstock.com