Hur man ändrar färgen på en div genom att sväva musen

Författare: Janice Evans
Skapelsedatum: 4 Juli 2021
Uppdatera Datum: 18 November 2024
Anonim
Hur man ändrar färgen på en div genom att sväva musen - Artiklar
Hur man ändrar färgen på en div genom att sväva musen - Artiklar

Innehåll

DIV-taggar (en förkortning av "split") definierar en sektion av ett HTML-dokument och används ofta med CSS-språket för att skapa en grundläggande layout för en webbplats. En DIV kan anpassas med CSS för att definiera marginaler, mellanslag, gränser, textstorlek, justering eller bakgrundsfärg samt avancerade knep, till exempel att ändra DIV-färg när en användare svävar över den.


vägbeskrivning

CSS-språket låter dig använda tricks för att förbättra användarens interaktion med sidan (Comstock / Comstock / Getty Images)

  1. Öppna dokumentet från din webbsida i en textredigerare.

  2. Placera markören på en tom linje mellan ""Och"'.

  3. Skriv "type = 'text / css'> och tryck på" Enter. " Med detta kommer du att börja skapa ett CSS-skript.

  4. Skriv "# div1: svep {bakgrundsfärg: # ff0000;}" och tryck "Enter". Detta anpassar en DIV-behållare med värdet "div1" som ID-egenskapen med bakgrundsfärgen "# ff0000" (ett hexadecimalt värde) när "svävar" -läget är aktiverat, vilket kommer att hända när muspekaren placeras över DIV. Dessa ID- och bakgrundsfärger kan ändras om det behövs.


  5. Skriv ""för att stänga CSS-skriptet.

  6. Placera textmarkören på en tom linje mellan "" och "" taggarna.

  7. Skriv "" och tryck "Enter" för att skapa en DIV-behållare med ID-värdet "div1". Om du har ändrat ID-namnet i steg 4 måste du ange samma namn här.

  8. Skriv eller klistra in ett innehåll som ska ingå i DIV och tryck på "Enter."

  9. Skriv "" för att stänga DIV-behållaren.

  10. Klicka på "Arkiv" och "Spara" för att spara dokumentet.