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

Istruzioni

1

Avviare Blocco note facendo clic sulla sua icona nel menu Preferiti o cercarlo nella casella di ricerca dal menu "Start". Si tratta di un'applicazione nativa su Windows e un editor di testo di base.

2

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

3

Aggiungere il codice CSS per modificare lo sfondo della cella al passaggio del mouse al foglio di stile. Per avere il cambiamento di colore quando un utente passa sopra la cella, è necessario aggiungere il "un: hover" tag, quindi scegliere il colore del tag e il colore si trasforma in. Per esempio:

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

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

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

4

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

5

Avviare l'applicazione di progettazione web, quindi aggiungere il seguente codice HTML alla pagina web che è collegato al foglio di stile CSS per il cambio di sfondo su caratteristica al passaggio del mouse.

< a href = "#" > Link cambiando sfondo < /a >

Salvare le modifiche.