È possibile cambiare il colore dei tuoi link sul web quando qualcuno passa sopra il link o clic su di esso. Un modo rapido per creare un cambiamento di colore del collegamento mouseover è con Cascading Style Sheets. Cascading Style Sheets consentono di creare pagine uniformi in tutto il sito.

istruzione

Creazione di un passaggio del mouse Colore collegamento in un file CSS separato

1 Aprite il vostro editor web preferito e creare un file di foglio di stile CSS per il vostro codice.

2 Aggiungere il seguente codice al file CSS:
un {
color: # 0000FF;
text-decoration: underline;
}
a: hover {
color: # 000000;
text-decoration: none;

}

Il codice di cui sopra cambia un link con una sottolineatura per un collegamento nero, senza sottolineatura nel corso di un passaggio del mouse. Modificare i colori dei link passaggio del mouse (0000FF e 000000) per i colori che desideri utilizzare.

3 Salvare il file come "style.css" o il nome del file che si desidera utilizzare. Assicurarsi di lasciare il "CSS" estensione del file nel nome del file. Non lasciate che il vostro editor di testo aggiungere un file con estensione ".txt".

4 Aprire il documento HTML in cui verrà utilizzato il codice e aggiungere il seguente codice tra il tag head:
<Link rel = "stylesheet" type = "text / css" href = "style.css" />

5 Salvare il file HTML e visualizzare in anteprima il lavoro in un browser. Ogni pagina che include il codice: "<link rel =" "type =" stylesheet text / css "href =" style.css "/>" all'interno del tag head sarà influenzato.

Creazione di un passaggio del mouse collegamento colore all'interno del file HTML

6 Aprite il vostro editor web preferito e il documento HTML si sta lavorando.

7 Aggiungere il seguente codice tra il tag testa:
<Style type = "text / css">
un {
color: # 0000FF;
text-decoration: underline;
}
a: hover {
color: # 000000;
text-decoration: none;

}
</ Style>
</ Head>

Il codice di cui sopra cambia un link con una sottolineatura per un collegamento nero, senza sottolineatura nel corso di un passaggio del mouse. Modificare i colori dei link passaggio del mouse (0000FF e 000000) per i colori che desideri utilizzare.

8 Salvare il file e visualizzare l'anteprima in un browser web. Ogni link all'interno del documento HTML sarà influenzato.

Creare passaggio del mouse collegamento del cambiamento di colore per i link specifici

9 Seguire le istruzioni per creare un legame passaggio del mouse in un file separato o all'interno del documento HTML.

10 Sostituire il codice nel passaggio 2 con il seguente per la vostra opzione prescelta:
un blu {
color: # 0000FF;
text-decoration: none;
}
a.blue:hover {
color: # 000000;
text-decoration: none;

}
</ Style>

Si può sostituire "a.blue" e "a.blue:hover" con i nomi che si applicano ai vostri mouseover colori dei collegamenti.

11 Chiamare il codice in azione aggiungendo il seguente codice all'interno del tag body per i collegamenti che si desidera modificare:
<a href="http://somelinkhere.com" class="blue"> alcuni link di testo qui </a>

Anche in questo caso, è possibile sostituire "blu" con il nome della classe creato per il collegamento al punto precedente.

12 Salvare il file HTML e visualizzare in anteprima in un browser web. I tuoi link mouseover sono ora pronti per il web.