Come creare rollover testo

July 18

Rollover effetti di testo provocano l'aspetto del testo del collegamento per cambiare quando il cursore del mouse si sposta su di esso, chiamato lo stato hover. Anche se non c'è stato predefinito passaggio del mouse, è possibile utilizzare i CSS per includere questo stato e impostare gli attributi.

Stili di collegamento ipertestuale

I collegamenti ipertestuali sono attributi predefiniti per il colore dei link visitati e nuovi Stati, e utilizzano di default del sito web o di carattere preimpostato. Utilizzare i CSS (fogli di stile CSS) per modificare tutti o alcuni di questi attributi, una volta, per sostituire gli attributi automatici in tutto il sito.

rollover Testo

Individuare l'area CSS nel file HTML corrente o aprire il file CSS separato. Aggiungere in una: link e a: visited classi pseudo prima, per gli stati di default. Per ogni stato, selezionare gli attributi per cambiare, come font-family, font-size, font-weight, text-decoration, e il colore. Quindi aggiungere la classe pseudo a: hover per includere lo stato rollover e impostare gli attributi.

cambiamenti drammatici

Utilizzare grandi cambiamenti per vedere come funziona. Aggiungere il seguente code-a: hover {color: # 527A00; font-size: 24px; text-transform: uppercase; font-weight: bold; text-decoration: underline;}. Salvare i file modificati quindi aggiornare la pagina Web per vedere cosa succede. Ora, quando si tira il testo collegato, vedrai gli attributi di cui sopra resa grande testo verde che sposta le linee all'interno della pagina temporanea. Il testo deve essere in maiuscolo e in grassetto con sottolineatura quando si tira su di esso. Si ritorna alle normali stati nuovi o visitato quando ci si allontana da esso.

considerazioni

Utilizzare i codici per ottenere link notato senza disorientare i tuoi lettori. Prova a cambiare solo il colore e comprendono la sottolineatura text-decoration in solo lo stato hover. Un sacco di grandi cambiamenti sarà distrarre dal contenuto della pagina circostante, soprattutto quando usato su collegamenti in linea.