Hvordan endre en Cellebakgrunn- på Hover

For å fange oppmerksomheten til surfere, mange web-designere bruker roll å trekke oppmerksomhet til teksten på skjermen. En roll endrer fargen på teksten eller bakgrunnen av en tabellcelle når du holder musepekeren over den. For å lage denne effekten må du legge til kode til nettstedets stilark. Du kan bruke Notepad, som er den innebygde tekst-editor i Windows for å redigere stilark.

Bruksanvisning

1 Start Notepad ved å klikke på ikonet i Favoritter-menyen eller søke etter den i "Start" -menyen søkeboksen. Det er en innfødt program på Windows og en enkel tekst editor.

2 Åpne nettstedets stilark i det åpne Notisblokk-vinduet ved å klikke på "File" og deretter klikke "Open ..." og klikke på navnet til stilark fil eller skrive det i filnavnet.

3 Legg CSS for å endre cellebakgrunnen hover til stilark. Å ha fargeendring når en bruker svever over cellen, må du legge til "a: hover" tag, og velg deretter fargen på brikken og farge det vil endre til. For eksempel:

"A: hover {color: #White; background-color: # 0000FF

padding-left:4px, padding-right: 4px }"

I eksempelet ovenfor, er den opprinnelige fargen på cellen hvit, men den endres til blå (# 0000FF) på hover. Den venstre og høyre padding er å holde teksten i cellen stabilisert og i samme posisjon på hover.

4 Lagre stilark. Klikk på "File" og deretter "Lagre som" og lagre filen som "style.css" i samme mappe som inneholder nettstedets filer.

5 Start din web design program, og deretter legge til følgende HTML-koden til websiden som er knyttet til CSS-stilark for bakgrunnen endring på hover funksjonen.

<a href="#"> Bakgrunn Endre Link </a>

Lagre endringene.