In mijn pagina heb ik enkele links geplaatst waaronder ik geen regel wil, dus hoe kan ik die verwijderen met HTML?
Antwoord 1, autoriteit 100%
Inline-versie:
<a href="http://yoursite.com/" style="text-decoration:none">yoursite</a>
Onthoud echter dat u over het algemeen HTML), van de presentatie (die CSS). Daarom moet u in het algemeen inline-stijlen vermijden.
Bekijk John’s antwoordvoor een gelijkwaardig antwoord met CSS.
Antwoord 2, autoriteit 29%
Hiermee worden alle onderstrepingen van alle links verwijderd:
a {text-decoration: none; }
Als je specifieke links hebt waarop je dit wilt toepassen, geef ze dan een klassenaam, zoals nounderlineen doe dit:
a.nounderline {text-decoration: none; }
Dat is alleen van toepassing op die links en laat alle andere onaangetast.
Deze code hoort thuis in de <head>van uw document of in een stylesheet:
<head>
<style type="text/css">
a.nounderline {text-decoration: none; }
</style>
</head>
En in het lichaam:
<a href="#" class="nounderline">Link</a>
Antwoord 3, autoriteit 8%
Ik raad aan om :hover te gebruiken om onderstreping te vermijden als de muisaanwijzer boven een anker staat
a:hover {
text-decoration:none;
}
Antwoord 4, autoriteit 3%
-
Voeg dit toe aan uw externe stylesheet (voorkeur):
a {text-decoration:none;} -
Of voeg dit toe aan de
<head>van uw HTML-document:<style type="text/css"> a {text-decoration:none;} </style> -
Of voeg het toe aan het
a-element zelf (niet aanbevolen):<!-- Add [ style="text-decoration:none;"] --> <a href="http://example.com" style="text-decoration:none;">Text</a>
Antwoord 5, autoriteit 2%
De andere antwoorden hebben allemaal betrekking op tekstdecoratie. Soms gebruik je een WordPress-thema of de CSS van iemand anders waarbij links op andere manieren worden onderstreept, zodat tekstversiering: geen het onderstrepen niet uitschakelt.
Border en box-shadow zijn twee andere methoden die ik ken voor het onderstrepen van links. Om deze uit te schakelen:
border: none;
en
box-shadow: none;
Antwoord 6
Het volgende is geen best practice, maar kan soms nuttig zijn
Het is beter om de oplossing van John Conde te gebruiken, maar soms is het gebruik van externe CSS onmogelijk. U kunt dus het volgende aan uw HTML-tag toevoegen:
<a style="text-decoration:none;">My Link</a>
Antwoord 7
<style="text-decoration: none">
De bovenstaande code is voldoende. Plak deze gewoon in de link waarvan u de onderstrepingen wilt verwijderen.
Antwoord 8
Alle bovengenoemde code werkte niet voor mij. Als ik in het probleem duik, realiseer ik me dat het niet werkte omdat ik de stijl achter de href had geplaatst. Toen ik de stijl voor de href plaatste, werkte deze zoals verwacht.
<a style="text-decoration:none" href="http://yoursite.com/">yoursite</a>