Come Collegare l'Effetto MouseOver in Chrome CSS

July 28

Cascading Style Sheets è un metodo comune, insieme con Hypertext Markup Language, di formattazione pagine web. È possibile utilizzare i CSS per produrre effetti quando un utente passa il cursore del mouse sopra un link in Google Chrome. Per impostazione predefinita, il tag hover adotta i suoi attributi dal tag genitore, ma è possibile modificare il CSS in modo che i cambiamenti di collegamento di colore, la dimensione del carattere o altre proprietà al passaggio del mouse.

istruzione

1 Inserisci "<style> </ style>" tra i "<head> </ head>" tag.

2 Inserisci "a: hover {}" tra i "<style> </ style>" tag.

3 Ingresso gli attributi desiderati tra le parentesi graffe o parentesi graffe, sotto forma di "<attributo name>: <valore>;". Il formato finale dovrebbe essere simile al seguente:

<Style>
a: hover {color: black; font-family: Arial; font-style: normal; text-decoration: none; font-weight: bold; background-color: yellow; font-size: 9px; }
</ Style>

Consigli e avvertenze

  • Gli attributi più comuni includono "font-family:" "font-weight" (che altera l'audacia del testo), "font-size", "font-style" (che cambia il tipo di carattere corsivo), "colore" "text-decoration" (che include valori come overline e sottolineatura) e "background-color".