Verwijder de onderstreping onder de links in HTML / CSS

HTML-hyperlinks zijn standaard onderstreept. Als u deze functie echter wilt deactiveren en uw hyperlinks wilt weergeven als niet-onderstreepte tekst, kunt u dit doen met behulp van de CSS .

Dit artikel zal u door de nodige stappen leiden.

• Niet-onderstreepte links weergeven met behulp van CSS
• Niet-onderstreepte links weergeven CSS gebruiken via een klasse
• Niet-onderstreepte links weergeven met CSS Online

Niet-onderstreepte links weergeven met behulp van CSS

Als u de onderstrepingen van HTML-koppelingen wilt verwijderen, voert u eenvoudig de volgende code in de CSS in:

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

NB Pseudo-class: link stelt u in staat om alleen de hyperlinks () en ankers () te targeten en is niet verplicht.

Niet-onderstreepte links weergeven CSS gebruiken via een klasse

Als u wilt dat de stijl van toepassing is op bepaalde links, definieert u eenvoudig een specifieke klasse voor links die u niet wilt onderstrepen. U kunt dit doen met behulp van de volgende code:

a.nounderline: link
(
Tekstdecoratie: geen;
)
a.nounderline: Link
{
text-decoration: none;
}

Niet-onderstreepte links weergeven met CSS Online

Als u tenslotte geen stylesheet wilt definiëren, kunt u de stijl eenvoudig online instellen met het volgende stijlattribuut:

 Tekst van de link 

Afbeelding: © Yuriy Vlasenko - Shutterstock.com