HTML: come Roll Over testo per modificare il colore del collegamento

February 25

HTML: come Roll Over testo per modificare il colore del collegamento


Nessuna pagina web è completo senza collegamenti ipertestuali. Con HTML e CSS, è possibile impostare i colori per ogni tipo di collegamento in una pagina: visited, non visitato, hover e attiva. Il colore hover è il colore un collegamento assume quando il cursore del mouse è posizionato su di esso. colori Hover non sono solo decorative. Perché il link cambia colore quando si passa su di esso, aiuta il lettore navigare la pagina e seguire i link che gli piace in fretta.

istruzione

Craete collegamento Colori

1 Aprire un editor di testo. È possibile utilizzare un editor di base come il blocco note. Salvare il file come "style.css" sul computer nella stessa cartella del file del sito web.

2 Fare dichiarazioni CSS per i colori dei collegamenti ipertestuali che utilizzano i "ancora" pseudo-classi come segue. Utilizzare entrambi i nomi dei colori (come mostrato sotto), i valori esadecimali o valori RGB. Si noti che l'ordine delle dichiarazioni è necessario per farli funzionare.

a: link {color: red;}

a: visited {color: blue;}

a: hover {color: green;}

a: active {color: white;}

3 Aggiungere commenti se ti aiuta a ricordare che pseudo-classe si applica a quale tipo di collegamento ipertestuale nella pagina Web.

a: link {color: red;} /

Questo è il collegamento ipertestuale normale /.

a: visited {color: blue;} / Questo è per un collegamento ipertestuale visitato /.

a: hover {color: green;} / Questo è quello di cambiare il colore di un collegamento quando si tira il mouse su di esso /

a: active {color: white;}. / Questo è il colore del collegamento quando viene cliccato /

4 Salvare il foglio di stile. Aprire la pagina Web e collegarlo al foglio di stile. Inserire il codice seguente tra i tag HEAD, <head> e </ head>.

<Link rel = "stylesheet" type = "text / css" href = "style.css" />

Utilizzare il collegamento Colori

5 Avviare un browser Web come Firefox. Assicurarsi di impostare il browser per consentire le pagine Web per visualizzare i propri colori piuttosto che il proprio browser o sistema di colori. In Firefox, ad esempio, andare in "Strumenti", "Opzioni", "Content" e poi "Colori". Controllare la casella "Permetti alle pagine di scegliere i propri colori."

6 Passare alla pagina Web che si desidera visualizzare. Cercare un collegamento ipertestuale nella pagina.

7 Trascinare il mouse su un collegamento ipertestuale. Quando il cursore e si passa il mouse sopra il link, il colore del collegamento dovrebbe cambiare al colore impostato nel foglio di stile. Se non si vede un cambiamento di colore, ci potrebbe essere un errore nel codice o il browser è impostato per ignorare i colori della pagina web.


Articoli Correlati