Come modificare una cella di sfondo su passaggio del mouse

March 27

Per catturare l'attenzione dei navigatori del web, molti web designer utilizzano rollover per attirare l'attenzione del testo sullo schermo. Un rollover cambia il colore del testo o lo sfondo di una cella di tabella quando il puntatore del mouse passa sopra di esso. Per creare questo effetto è necessario aggiungere del codice al foglio di stile del sito web. È possibile utilizzare il Blocco note, che è l'editor di testo integrato in Windows per modificare il foglio di stile.

istruzione

1 Avviare Blocco note facendo clic sulla sua icona nel menu Preferiti o la ricerca di essa nella casella di ricerca del menu "Start". Si tratta di una applicazione nativa su Windows e un editor di testo di base.

2 Aprire il foglio di stile del sito nella finestra del blocco note aperto facendo clic su "File" e poi facendo clic su "Apri ..." e cliccando sul nome del file di foglio di stile o digitandolo nella casella Nome file.

3 Aggiungere il CSS per modificare lo sfondo delle celle al passaggio del mouse al foglio di stile. Per avere il cambiamento di colore quando un utente passa sopra la cella, si deve aggiungere la "a: hover" tag, quindi scegliere il colore del tag e il colore che cambia in. Per esempio:

"A: hover {color: #white; background-color: # 0000FF

padding-left:4px, padding-right: 4px }"

Nell'esempio precedente, il colore originale della cella è bianco, ma cambia al blu (# 0000FF) al passaggio del mouse. L'imbottitura sinistra e destra è quello di mantenere il testo nella cella stabilizzata e nella stessa posizione su librazione.

4 Salvare il foglio di stile. Fare clic su "File", poi "Salva con nome" e salvare il file come "style.css" nella stessa cartella che contiene i file del sito.

5 Avviare l'applicazione di web design, quindi aggiungere il seguente codice HTML per la pagina web che è collegato al foglio di stile CSS per il cambiamento di fondo in funzione hover.

<a href="#"> Sfondo Modifica link </a>

Salvare le modifiche.