Jak změnit barvu div pomocí myši

Autor: Janice Evans
Datum Vytvoření: 23 Červenec 2021
Datum Aktualizace: 10 Smět 2024
Anonim
Jak změnit barvu div pomocí myši - Články
Jak změnit barvu div pomocí myši - Články

Obsah

Značky DIV (zkratka "split") definují část dokumentu HTML a často se používají s jazykem CSS k vytvoření základního rozvržení webu. DIV lze přizpůsobit pomocí CSS, aby se definovaly okraje, mezery, ohraničení, velikost textu, zarovnání nebo barva pozadí, stejně jako pokročilejší triky, například změna barvy objektu DIV, když uživatel nad ním přejde.


Pokyny

Jazyk CSS umožňuje použít triky ke zlepšení interakce uživatele se stránkou (Comstock / Comstock / Getty Images)

  1. Otevřete dokument z webové stránky v textovém editoru.

  2. Umístěte kurzor na prázdný řádek mezia'.

  3. Zadejte "type = 'text / css'>" a stiskněte klávesu "Enter". Tím začnete vytvářet CSS skript.

  4. Zadejte "# div1: hover {background-color: # ff0000;}" a stiskněte klávesu "Enter". To upraví kontejner DIV s hodnotou "div1" jako vlastnost ID pomocí barvy pozadí "# ff0000" (hexadecimální hodnota), když je aktivován stav "hover", který se stane, když je kurzor myši umístěn nad DIV. Tyto hodnoty ID a barvy pozadí lze v případě potřeby změnit.


  5. Typ ""zavřít značku skriptu CSS.

  6. Umístěte textový kurzor na prázdný řádek mezi značkami „“ a „“.

  7. Zadejte "" a stiskněte "Enter" pro vytvoření kontejneru DIV s hodnotou ID "div1". Pokud jste v kroku 4 změnili název ID, musíte zde uvést stejný název.

  8. Zadejte nebo vložte obsah, který má být obsažen v DIV, a stiskněte klávesu Enter.

  9. Chcete-li zavřít kontejner DIV, zadejte "".

  10. Pro uložení dokumentu klikněte na "Soubor" a "Uložit".