Come fare una variazione di colore per il mouse sul testo

September 18

Come fare una variazione di colore per il mouse sul testo


Quando si include un link di testo nella pagina Web, si ha la possibilità di cambiare l'aspetto del collegamento a seconda di come viene utilizzato o è stato utilizzato. Ad esempio, se il link è già stato fatto clic, è possibile codificare il collegamento in modo che si trasforma un colore diverso. Allo stesso modo, se si scorre sopra il link, è possibile modificare il colore del testo di un colore diverso. A tale scopo, con un po 'di formattazione CSS.

istruzione

1 Accedere al server Web.

2 Aprire la pagina HTML che include i collegamenti che si desidera modificare.

3 Fare clic in qualsiasi punto tra i tag <head> e </ head> tag nel codice HTML della pagina.

4 Inserire il seguente codice:

<Style type = "text / css">

<! -

A: link {color: black; Text-decoration: none; font-weight: normal}

A: visited {color: green; Text-decoration: none; font-weight: normal}

A: active {color: blue; Text-decoration: none}

A: hover {color: red; Text-decoration: none; font-weight: none}

->

</ Style>

5 Sostituire i nomi dei colori nelle ultime tre righe del codice, se necessario. Come il codice afferma ora, il link sarà verde dopo che viene cliccato, sarà blu prima di essere cliccato e diventa rosso ogni volta che qualcuno si libra sopra di esso.

È possibile modificare i colori per uno qualsiasi dei colori base dell'arcobaleno. La linea "hover" nel codice è la linea con il colore che si desidera modificare, se si desidera modificare il colore del testo quando il mouse su di esso.

6 Pubblicare la pagina.