Cum de a schimba culoarea unui div prin plasarea cursorului pe mouse

Autor: Virginia Floyd
Data Creației: 12 August 2021
Data Actualizării: 14 Noiembrie 2024
Anonim
CONȘTIENTUL ȘI PERSONALITATEA. DE LA INEVITABIL MORT LA VEȘNIC VIU
Video: CONȘTIENTUL ȘI PERSONALITATEA. DE LA INEVITABIL MORT LA VEȘNIC VIU

Conţinut

Etichetele DIV (o abreviere a "divizării") definesc o secțiune a unui document HTML și sunt adesea folosite cu limba CSS pentru a crea aspectul de bază al unui site. Un DIV poate fi personalizat folosind CSS pentru a defini margini, distanțe, margini, dimensiune text, aliniere sau culoare de fundal, precum și trucuri mai avansate, cum ar fi schimbarea culorii DIV atunci când un utilizator trece peste el.


instrucțiuni de ghidare

Limba CSS vă permite să aplicați trucuri pentru a îmbunătăți interacțiunea utilizatorului cu pagina (Comstock / Comstock / Getty Images)
  1. Deschideți documentul din pagina dvs. Web într-un editor de text.

  2. Plasați cursorul pe o linie goală între rândul "„Și“'.

  3. Introduceți "type =" text / css ">" și apăsați "Enter". Cu aceasta veți începe să creați un script CSS.

  4. Introduceți "# div1: plasați cursorul {background-color: # ff0000;}" și apăsați "Enter". Acest lucru va personaliza un container DIV cu valoarea "div1" ca proprietate ID utilizând culoarea de fundal "# ff0000" (o valoare hexazecimală) atunci când este activată starea "hover", ceea ce se va întâmpla atunci când cursorul mouse-ului este plasat peste DIV. Aceste valori ale culorii ID și de fundal pot fi modificate dacă este necesar.


  5. Tip ""pentru a închide eticheta de script CSS.

  6. Plasați cursorul de text pe o linie goală între etichetele "" și "".

  7. Introduceți "" și apăsați "Enter" pentru a crea un container DIV cu valoarea ID "div1". Dacă ați schimbat numele de identificare la pasul 4, trebuie să introduceți același nume aici.

  8. Introduceți sau lipiți un conținut care să fie inclus în DIV și apăsați "Enter".

  9. Introduceți "" pentru a închide containerul DIV.

  10. Dați clic pe "Fișier" și pe "Salvați" pentru a salva documentul.