Hoe de kleur van een div te veranderen door de muis te bewegen

Schrijver: William Ramirez
Datum Van Creatie: 18 September 2021
Updatedatum: 18 November 2024
Anonim
mouse hover change background and text color of the div css selector
Video: mouse hover change background and text color of the div css selector

Inhoud

DIV-tags (een afkorting van "splitsen") definiëren een sectie van een HTML-document en worden vaak gebruikt met de CSS-taal om de basislay-out van een site te maken. Een DIV kan worden aangepast met behulp van CSS om marges, spatiëring, randen, tekstgrootte, uitlijning of achtergrondkleur te definiëren, evenals geavanceerdere tricks, zoals het wijzigen van de kleur van de DIV wanneer een gebruiker erover zweeft.


routebeschrijving

Met de CSS-taal kun je trucjes toepassen om de interactie van de gebruiker met de pagina te verbeteren (Comstock / Comstock / Getty Images)

  1. Open het document van uw webpagina in een teksteditor.

  2. Plaats de cursor op een lege regel tussen de ""En"'.

  3. Type "type = 'text / css'>" en druk op "Enter". Hiermee begint u een CSS-script te maken.

  4. Typ "# div1: hover {background-color: # ff0000;}" en druk op "Enter". Hiermee wordt een DIV-container aangepast met de waarde "div1" als de ID-eigenschap met de achtergrondkleur "# ff0000" (een hexadecimale waarde) wanneer de "hover" -status is geactiveerd, wat gebeurt wanneer de muiscursor wordt geplaatst de DIV. Deze waarden voor ID en achtergrondkleur kunnen indien nodig worden gewijzigd.


  5. Type ""om de CSS-scripttag te sluiten.

  6. Plaats de tekstcursor op een lege regel tussen de tags "" en "".

  7. Type "" en druk op "Enter" om een ​​DIV-container te maken met de ID-waarde "div1". Als u de ID-naam in stap 4 hebt gewijzigd, moet u hier dezelfde naam invoeren.

  8. Typ of plak een inhoud die moet worden opgenomen in de DIV en druk op "Enter".

  9. Typ "" om de DIV-container te sluiten.

  10. Klik op "Bestand" en "Opslaan" om het document op te slaan.