Du kan bruke CSS for å skape ulikt uttrykk på lenker. Vi bruker a som selektor, slik vi finner det brukt i lenker hvor vi setter a href="url" for å skape lenker.

Den enkleste formen er å legge på en annen farge på lenka. Vanligvis brukes blå for å angi lenker, men du kan bruke hvilken som helst farge du ønsker. Legg merke til hvordan lenke og farge på lenka angis, og hva "target" gjør i eksempelet under. Du har kanskje også sett at hvis du har vært inne på en nettside og trykket en lenke så endrer den farge, for å markere at du har trykket på den. Det ser du i bildet på høyre side, hvor vi bruker a:visited for å endre farge på lenka etter at den er trykket.

Flere eksempler på hvordan du kan endre utseende på lenka, i forhold til farge, størrelse, bakgrunn, skrifttype og legge til/fjerne lenke kan du sjekke ut selv på denne lenka.

Hvis du ikke ønsker å ha strek under lenka kan du bruke text-decoration: none; for å fjerne denne - og for lenke bruker du a:link og for en lenke som har blitt trykket på bruker du a:visited. Du kan også legge farge bak lenka. Her er det brukt h1 som størrelse på lenka bare for å gjøre det tydeligere, vanligvis skrives lenker innenfor <p></p>.

For å lage et mer profesjonelt uttrykk på lenkene kan man sette sammen flere attributter for å skape et inntrykk av en boks. Forskjellen på bildet til venstre og høyre er at man i høyre bilde holder musa over lenka - og den endrer da bakgrunnsfarge til rød - slik at det er enklere å se at det er den man har markert. Attributtet som sørger for dette er a:hover - og dette attributtet må stå etter a:link og a:visited for å fungere skikkelig.

Det hender at man endrer selve musepekeren også når den føres over lenker, og ulike eksempler på dette finner du på denne lenka. Dette bør brukes med stor varsomhet.

Lenke til sted på nettsiden eller andre nettsider

Noen ganger vil du kanskje se at lenker er oppgitt som

<a href="#kap1">Gå til kapittel 1</a>

Da kan man lage lenke til et annet sted i teksten, men disse må da også bli gitt en id slik at man får laget et "anker" eller et "bokmerke". Hvis man tenker seg eksempelet over ville da f.eks. overskriften i kapittel 1 blitt markert slik, hvis kapittelet var på samme side:

<h2 id="kap1">Kapittel 1</h2>

Skal man hoppe mellom sider må man angi URL til nettsiden i tillegg. Dersom vi tenker oss at kapittel 1 stod på hjemmesiden til Høgskolen i Østfold (hiof.no) ville lenka måtte se slik ut:

<a href="http://hiof.no#kap1">Gå til kapittel 1</a>

Når man lager eksempler er det ikke alltid man har en URL som skal settes inn og man bruker da # for å angi at dette er en testlenke. Den vil da ikke føre til noe sted om man trykker på den;

<a href="#demo">Lenke 1</a>

Rent utseendemessig vil det se ut som en lenke.