Ta bort underlinjen under länkarna i HTML / CSS

Som standard understryks HTML-hyperlänkar . Om du vill avaktivera den här funktionen och visa dina hyperlänkar som ostreckad text kan du dock göra det med hjälp av CSS .

Denna artikel kommer att gå igenom de nödvändiga stegen.

• Visa icke-understrukna länkar med hjälp av CSS
• Visa icke-understrukna länkar med hjälp av CSS via en klass
• Visa icke-understrukna länkar med hjälp av CSS Online

Visa icke-understrukna länkar med hjälp av CSS

Om du vill ta bort underskriften från HTML-länkar anger du bara följande kod i CSS:

a.nounderline: länk
{
text-decoration: none;
}

Obs ! Pseudoklass: länk låter dig rikta in endast hyperlänkarna () och ankrarna () och är inte obligatoriska.

Visa icke-understrukna länkar med hjälp av CSS via en klass

Om du vill att stilen ska tillämpas på vissa länkar, definierar du bara en specifik klass för länkar som du inte vill understryka. Du kan göra det med följande kod:

a.nounderline: länk
(
Text-dekoration: ingen;
)
a.nounderline: länk
{
text-decoration: none;
}

Visa icke-understrukna länkar med hjälp av CSS Online

Slutligen, om du inte vill definiera ett stilark, kan du helt enkelt ställa in stilen online med följande stilattribut:

 Text av länk 

Bild: © Yuriy Vlasenko - Shutterstock.com