Hvordan Endre Div Color på Mouse
DIV (forkortelse for "divisjon") tags definere en del av et HTML-dokument, og er ofte brukt i forbindelse med CSS for å lage den grunnleggende utformingen av en nettside. En DIV kan bli stylet med CSS å definere marger, padding, border, tekststørrelse, justering eller bakgrunnsfarge. Du kan også utføre mer avanserte triks ved hjelp av CSS, som å endre bakgrunnsfargen på DIV når en bruker svever musepekeren over den.
Bruksanvisning
1 Åpne nettsiders dokument i en teksteditor.
2 Klikk for å plassere tekstmarkøren på en blank linje mellom "<HEAD>" og "</ HEAD>" tags.
3 Type "<style type =" text / css ">" og trykk "Enter". Dette er en CSS script åpning tag.
4 Type "# div1: hover {background-color: # ff0000;}" og trykk "Enter". Dette stiler en DIV container med ID "div1" for å endre bakgrunnsfargen til "# FF0000" (en heksadesimal fargeverdi) når "hover" tilstanden er utløst, for eksempel når en musepekeren plasseres over DIV. ID "div1" og background-color "# ff0000" verdiene kan endres etter behov.
5 Type "</ style>" for å lukke CSS skriptmerket.
6 Klikk for å plassere tekstmarkøren på en blank linje mellom "<BODY>" og "</ BODY>" koder.
7 Type "<div id = 'div1'>" og trykk "Enter" for å lage en DIV container med ID-verdien "div1." Hvis du har endret ID-verdien til noe annet i trinn 4, må ID bli den endret til samme verdi her.
8 Skriv eller lim inn innhold til å ligge i den DIV, og trykk "Enter".
9 Type "</ DIV" for å lukke DIV container.
10 Klikk "Fil" og "Lagre" for å lagre websiden dokumentet.