Come modificare il colore Div al passaggio del mouse

February 28

DIV (abbreviazione di "divisione") tag definisce una sezione di un documento HTML e sono spesso usati in congiunzione con i CSS per creare il layout di base di un sito web. Un DIV può essere uno stile usando i CSS per definire il colore dei margini, padding, bordi, le dimensioni del testo, l'allineamento o di sfondo. È inoltre possibile eseguire tricks più avanzate utilizzando i CSS, come cambiare il colore di sfondo DIV quando un utente passa il cursore del mouse su di esso.

istruzione

1 Aprire il documento di una pagina Web in un editor di testo.

2 Fare clic per posizionare il cursore del testo su una riga vuota tra il "<HEAD>" e "</ HEAD>" tag.

3 Digitare "<" text / css 'style type => "e premere" Invio ". Questo è un tag di apertura di script CSS.

4 Tipo "# div1: hover {background-color: # ff0000;}", quindi premere "Invio". Questo stile di un contenitore DIV con l'ID di "div1" per cambiare il colore di sfondo "# ff0000" (un valore esadecimale del colore) quando lo stato "hover" viene attivato, come ad esempio quando un cursore del mouse è posizionato sopra il DIV. L'ID "div1" e background-color "# ff0000" valori possono essere modificati in base alle esigenze.

5 Tipo "</ style>" per chiudere il tag script CSS.

6 Fare clic per posizionare il cursore del testo su una riga vuota tra il "<body>" e "</ body>" tag.

7 Digitare "<div id = 'div1'>" e premere "Invio" per creare un contenitore DIV con il valore ID di "div1". Se è stato modificato il valore ID a qualcosa di diverso al punto 4, l'ID deve essere il cambiato sullo stesso valore qui.

8 Digitare o incollare qualsiasi contenuto ad essere contenute nel DIV, quindi premere "Invio".

9 Tipo "</ DIV" per chiudere il contenitore DIV.

10 Fai clic su "File" e "Salva" per salvare il documento pagina Web.