Jak zmienić kolor div przez najechanie myszą

Autor: William Ramirez
Data Utworzenia: 24 Wrzesień 2021
Data Aktualizacji: 15 Czerwiec 2024
Anonim
Flipcards - dwustronny animowany div
Wideo: Flipcards - dwustronny animowany div

Zawartość

Znaczniki DIV (skrót od „split”) definiują sekcję dokumentu HTML i są często używane z językiem CSS do tworzenia podstawowego układu witryny. DIV można dostosować za pomocą CSS, aby zdefiniować marginesy, odstępy, obramowania, rozmiar tekstu, wyrównanie lub kolor tła, a także bardziej zaawansowane triki, takie jak zmiana koloru DIV po najechaniu na niego przez użytkownika.


Instrukcje

Język CSS pozwala stosować sztuczki, aby poprawić interakcję użytkownika ze stroną (Comstock / Comstock / Getty Images)

  1. Otwórz dokument ze strony internetowej w edytorze tekstu.

  2. Umieść kursor na pustej linii między „i'.

  3. Wpisz „type = 'text / css'>” i naciśnij „Enter”. Z tym zaczniesz tworzyć skrypt CSS.

  4. Wpisz „# div1: hover {background-color: # ff0000;}” i naciśnij „Enter”. Spowoduje to dostosowanie kontenera DIV o wartości „div1” jako właściwości ID przy użyciu koloru tła „# ff0000” (wartość szesnastkowa), gdy stan „unoszenia” zostanie aktywowany, co nastąpi, gdy kursor myszy zostanie umieszczony nad DIV. Te wartości identyfikatora i koloru tła można zmienić w razie potrzeby.

  5. Wpisz „„aby zamknąć znacznik skryptu CSS.


  6. Umieść kursor tekstowy na pustej linii między tagami „” i „”.

  7. Wpisz „” i naciśnij „Enter”, aby utworzyć kontener DIV o wartości ID „div1”. Jeśli zmieniłeś nazwę ID w kroku 4, musisz wpisać tę samą nazwę tutaj.

  8. Wpisz lub wklej treść do DIV i naciśnij „Enter”.

  9. Wpisz „”, aby zamknąć kontener DIV.

  10. Kliknij „Plik” i „Zapisz”, aby zapisać dokument.