Sådan ændres farven på en div ved at svinge musen

Forfatter: William Ramirez
Oprettelsesdato: 18 September 2021
Opdateringsdato: 17 November 2024
Anonim
Sådan ændres farven på en div ved at svinge musen - Artikler
Sådan ændres farven på en div ved at svinge musen - Artikler

Indhold

DIV-tags (en forkortelse for "split") definerer en del af et HTML-dokument og bruges ofte med CSS-sproget til at oprette et grundlæggende layout på et websted. En DIV kan tilpasses ved hjælp af CSS til at definere margener, mellemrum, grænser, tekststørrelse, justering eller baggrundsfarve samt mere avancerede tricks, såsom at ændre farven på DIV, når en bruger svæver over den.


retninger

CSS-sproget giver dig mulighed for at anvende tricks til at forbedre brugerens interaktion med siden (Comstock / Comstock / Getty Images)

  1. Åbn dokumentet fra din webside i et tekstredigeringsprogram.

  2. Placer markøren på en tom linje mellem ""Og"'.

  3. Skriv "type = 'text / css'> og tryk på" Enter ". Med dette vil du begynde at oprette et CSS script.

  4. Skriv "# div1: svever {baggrundsfarve: # ff0000;}" og tryk "Enter". Dette vil tilpasse en DIV-beholder med værdien "div1" som ID-ejendommen ved hjælp af baggrundsfarven "# ff0000" (en hexadecimal værdi), når "hover" -tilstanden er aktiveret, hvilket vil ske, når musemarkøren er placeret over DIV. Disse ID- og baggrundsfarveværdier kan ændres, hvis det er nødvendigt.


  5. Type ""for at lukke CSS script taggen.

  6. Placer tekstmarkøren på en tom linje mellem "" og "" tags.

  7. Skriv "" og tryk "Enter" for at oprette en DIV-beholder med ID-værdien "div1". Hvis du har ændret ID-navnet i trin 4, skal du angive det samme navn her.

  8. Indtast eller indsæt et indhold, der skal medtages i DIV, og tryk på "Enter".

  9. Type "" for at lukke DIV-beholderen.

  10. Klik på "File" og "Save" for at gemme dokumentet.