Hvordan bli kvitt en kobling Understreket i HTML

Fjerne understrek fra koblinger i HTML-dokumenter krever CSS (Cascading Style Sheet) kode. Du må bruke CSS til å sette "text-decoration" tilhører alle ankerkoder - kodene som skaper koblinger i HTML - til "ingen" for å fjerne understrek. Når du velger alle anker tagger i CSS, kan du bare bruke "a" som velgeren din. Du kan legge til denne CSS-kode mellom "<style>" tagger i HTML-fil, og dette er den raskeste og enkleste metoden. Når du ønsker å utføre bare en enkelt kode, kan du også plassere eiendommen og verdien i koden selv.

Bruksanvisning

1 Åpne websiden i Notepad og finne "<style>" tags mellom "<head>" koder mot toppen av koden. Legg til "<style>" koder hvis du ikke ser dem:

<Style type = "text / css">

</ Style>

2 Skriv en CSS selector som velger koden du ønsker å utføre, i dette tilfellet "en". Bruk "text-decoration: none" eiendom-verdi-paret fortelle leseren ikke å vise noen linjer under linker:

et {

text-decoration: none;

}

3 Fjern understreking av en enkelt kobling i sin ankerkoden. Bruk samme "text-decoration: none" eiendom-verdi-par som du ville bruke i et stilark:

<a href="path/to/link.html" title="My Link" style="text-decoration: none;"> Min Link </a>

4 Tilsett understreking tilbake til linker når brukere sveve over dem ved å legge til denne koden i stilarket:

a: hover {

text-decoration: underline;

}

Hint

  • Når du fjerner understreking fra lenkene, legge til en ny stil til koblingen som vil skille den fra vanlig tekst, for eksempel "font-weight: bold;" for fet tekst.