Kako spremeniti barvo DIV z lebdenjem miške

Avtor: Joan Hall
Datum Ustvarjanja: 2 Januar 2021
Datum Posodobitve: 17 December 2024
Anonim
8 Excelovih orodij, ki bi jih moral uporabljati vsak
Video.: 8 Excelovih orodij, ki bi jih moral uporabljati vsak

Vsebina

Oznake DIV (okrajšava »split«) definirajo del dokumenta HTML in se pogosto uporabljajo z jezikom CSS za ustvarjanje osnovne postavitve mesta. DIV lahko prilagodite s pomočjo CSS-ja, da določite robove, razmik, obrobe, velikost besedila, poravnavo ali barvo ozadja, kot tudi naprednejše trike, kot je spreminjanje barve DIV, ko se uporabnik zadržuje nad njim.


Navodila

Jezik CSS vam omogoča, da uporabite trike za izboljšanje interakcije uporabnika s stranjo (Comstock / Comstock / Getty Images)

  1. Odprite dokument s spletne strani v urejevalniku besedila.

  2. Postavite kazalko na prazno vrstico med "in'.

  3. Vnesite "type = 'text / css'>" in pritisnite "Enter". S tem boste začeli ustvarjati skript CSS.

  4. Vnesite "# div1: hover {background-color: # ff0000;}" in pritisnite "Enter". To bo prilagodilo vsebnik DIV z vrednostjo "div1" kot lastnost ID-ja, pri čemer bo barva ozadja "# ff0000" (šestnajstiška vrednost), ko je aktivirano stanje "hover", kar se bo zgodilo, ko se miškin kazalec postavi nad DIV. Te vrednosti barv ID in barve ozadja lahko po potrebi spremenite.


  5. Vnesite »"da zaprete oznako skripta CSS. t

  6. Postavite besedilno kazalko na prazno vrstico med oznakama »« in »«.

  7. Vnesite "" in pritisnite "Enter", da ustvarite vsebnik DIV z vrednostjo ID "div1". Če ste v 4. koraku spremenili ime ID-ja, morate tukaj podati isto ime.

  8. Vnesite ali prilepite vsebino, ki bo vključena v DIV, in pritisnite »Enter«.

  9. Vnesite, da zaprete vsebnik DIV.

  10. Kliknite »Datoteka« in »Shrani«, da shranite dokument.