Hvordan å gjøre en fargeendring for Mouse Over Text

Hvordan å gjøre en fargeendring for Mouse Over Text


Når du tar med en tekst link på din webside, har du mulighet til å endre utseendet på linken avhengig av hvordan den brukes eller har blitt brukt. For eksempel, hvis koblingen er allerede klikket, kan du kode koblingen, slik at det blir en annen farge. Tilsvarende, hvis du blar over linken, kan du endre fargen på teksten til en annen farge. Du gjør dette ved hjelp av en liten CSS formatering.

Bruksanvisning

1 Logg inn på din webserver.

2 Åpne HTML-side som inneholder koblingene du ønsker å endre.

3 Klikk hvor som helst mellom <head> og </ head> taggene i HTML-koden på siden.

4 Sett inn følgende kode:

<Style type = "text / css">

<! -

A: link {color: black; Text-decoration: none; font-weight: normal}

A: visited {color: green; Text-decoration: none; font-weight: normal}

A: active {color: blue; Text-decoration: none}

A: hover {color: red; Text-decoration: none; font-weight: none}

->

</ Style>

5 Skift fargenavn i de tre siste linjene i koden om nødvendig. Som koden nå sier, vil koblingen være grønt etter den blir klikket, vil det være blå før den blir klikket, og det blir rød hver gang noen beveger seg over det.

Du kan endre fargene til noen av de grunnleggende fargene i regnbuen. Den "sveve" linje i koden er linjen med den fargen du ønsker å endre hvis du ønsker å endre fargen på teksten når du musepekeren over den.

6 Publiser siden.