Hvordan fjerne den blå understreken fra lenken i CSS

Hvordan fjerne den blå understreken fra lenken i CSS
Koblinger i HTML er hyperkoblinger som du kan hoppe til et annet nettsted. I webdesign er lenker tilkoblinger mellom to nettressurser, for eksempel bilder, videoer, PDF -filer og websider.

I HTML opprettes en lenke ved å bruke taggen. Innen taggen kan du spesifisere URL og koblingsteksten. Når en lenke legges til, vises en understrek under lenken; Imidlertid kan tekstdekorasjonsegenskapen brukes til å fjerne den.

Dette innlegget vil vurdere noen eksempler for å forklare de nedenfor-listede aspektene:

  • Tekstdekorasjonseiendom i CSS
  • Hvordan fjerne understrek fra en lenke?

Så la oss begynne!

Tekstdekorasjonseiendom i CSS

For å bruke enhver form for dekorasjon på teksten, brukes tekst-dekorasjonsegenskapen. For eksempel hjelper tekstdekorasjonsegenskapen oss med å endre tekstfarge, stil og dekorasjonslinje.

Syntaks

Først vil vi forstå syntaksen til tekstdekorasjonsegenskapen:

Tekstdekorasjon: linje | farge | stil;

Tekstdekorasjon er en kortfattet eiendom for de under-nevnte CSS-egenskapene:

  • Tekstdekorasjonslinje: Det brukes til å legge til en linje på teksten.
  • Tekst-dekorasjonsfarge: Den brukes til å bruke farge på tekstens linje.
  • Tekstdekorasjonstykkelse: Den spesifiserer tykkelsen på linjedekorasjonen.
  • Tekstdekorasjonsstil: Denne egenskapen setter linjens stil.

Med bruk av tekstdekorasjonsegenskapen vil vi fjerne understreken fra lenken i følgende eksempel.

Hvordan fjerne understrek fra en lenke?

I HTML, når vi legger til en lenke, vises linjen under koblingsteksten som kan fjernes ved hjelp av tekstdekorasjonsegenskapen.

Eksempel

Vi bruker taggen til å definere en hyperkobling. Href er hyperkoblingsreferansen til nettstedet, og det brukes til å gi adressen til nettstedet. Etter å ha gitt adressen, spesifiser navnet på lenken fordi lenken ikke vises på nettstedet. Bare navnet vi gir vil være synlig:


Facebook

Du kan se at en linje under Facebook vises, som betegner at en hyperkobling er knyttet til den:

Nå vil vi flytte til CSS og fjerne den blå understreken.

Her, “en”Henviser til lenken vi tildelte i HTML -delen. Vi vil sette attributtet til tekstdekorasjonsegenskapen som “ingen”.

en
Tekstdekorasjon: Ingen;

Utgangen viser at den blå understreken er fjernet etter tildeling av "ingen”Attributt til tekstdekorasjonsegenskapen:

Vi har tilbudt metoden relatert til å fjerne den blå understreken fra lenken i CSS.

Konklusjon

For å fjerne den blå understreken fra en lenke, brukes tekst-dekorasjonsegenskapen i CSS. For å gjøre det, sett "tekstdekorasjon”Eiendoms verdi som“ingen”. Denne oppskrivningen forklarte arbeidet med tekstdekorasjonsegenskapen og hvordan du bruker den til å fjerne den blå understreken fra linjen ved hjelp av passende eksempler.