Hvordan endre fargen på en div ved å sveve musen

Forfatter: William Ramirez
Opprettelsesdato: 22 September 2021
Oppdater Dato: 13 Kan 2024
Anonim
Hvordan endre fargen på en div ved å sveve musen - Artikler
Hvordan endre fargen på en div ved å sveve musen - Artikler

Innhold

DIV-koder (en forkortelse for "split") definerer en del av et HTML-dokument og brukes ofte med CSS-språket for å lage grunnleggende layout på et nettsted. En DIV kan tilpasses ved hjelp av CSS for å definere marginer, mellomrom, grenser, tekststørrelse, justering eller bakgrunnsfarge, samt mer avanserte triks, for eksempel å endre fargen på DIV når en bruker svinger over den.


retninger

CSS-språket lar deg bruke triks for å forbedre brukerens interaksjon med siden (Comstock / Comstock / Getty Images)

  1. Åpne dokumentet fra nettsiden din i et tekstredigeringsprogram.

  2. Plasser markøren på en tom linje mellom ""Og"'.

  3. Skriv "type = 'text / css'>" og trykk "Enter". Med dette vil du begynne å lage et CSS-skript.

  4. Skriv "# div1: svever {bakgrunnsfargen: # ff0000;}" og trykk "Enter". Dette vil tilpasse en DIV-beholder med verdien "div1" som ID-egenskapen ved hjelp av bakgrunnsfargen "# ff0000" (en heksadesimal verdi) når "hover" -tilstanden er aktivert, noe som vil skje når musepekeren er plassert over DIV. Disse ID- og bakgrunnsfargeverdiene kan endres hvis nødvendig.


  5. Skriv ""for å lukke CSS-skriptet.

  6. Plasser tekstmarkøren på en tom linje mellom "" og "" kodene.

  7. Skriv "" og trykk "Enter" for å opprette en DIV-beholder med ID-verdien "div1". Hvis du har endret ID-navnet i trinn 4, må du sette det samme navnet her.

  8. Skriv eller lim inn et innhold som skal inkluderes i DIV og trykk "Enter".

  9. Skriv "" for å lukke DIV-beholderen.

  10. Klikk på "File" og "Save" for å lagre dokumentet.