Come si crea un rollover in HTML di testo?

June 16

Un rollover, o pop-up, è un effetto che è possibile applicare al vostro HyperText Markup Language (HTML) del testo per distinguere il contenuto quando un utente passa il mouse sopra la voce. Questa funzione viene in genere utilizzato per i collegamenti ipertestuali in stile all'interno di una pagina in modo che il visitatore può prendere a nuovo avviso dei tuoi link. Utilizzando Cascading Style Sheets (CSS) in combinazione con il file della pagina Web, è possibile creare un rollover per il proprio testo HTML per fornire una migliore esperienza per i tuoi visitatori.

istruzione

1 Avviare il editor di testo e aprire il file pagina web.

2 Individuare il "</ head> <head>" nella parte superiore e posizionare il cursore tra questi elementi.

3 Iniziare uno stile CSS che controlla l'effetto rollover del testo collegamento ipertestuale digitando la seguente:
<Style type = "text / css">
<! -
un {}
a: hover {}
->
</ Style>

4 Inserire i valori di colore per ogni regola come preferito. L ' "uno" stile controlla l'ombra del testo come viene inizialmente visualizzato nella pagina e la "a: hover" regola specifica quali sono i cambiamenti di colore a quando un utente posiziona il suo mouse su di esso. Per esempio:
a {color: blue; }
a: hover {color: orange; }

5 Salvare il file e utilizzare il browser web per aprire il documento e visualizzare in anteprima il rollover testo sulla pagina.