Link CSS (link)
Diversi collegamenti possono avere diversi stili.
Stile link
link di stile, è possibile utilizzare qualsiasi proprietà CSS (ad esempio il colore, font, sfondo, ecc).
collegamenti speciali possono avere diversi stili, a seconda di quale stato sono.
I quattro stati di collegamento sono:
- a: link - normali, i collegamenti non visitati
- a: visited - l'utente ha visitato i collegamenti
- a: hover - quando il mouse dell'utente su collegamento quando
- a: active - il link viene cliccato il momento
Esempi
a: visited {color: # 00FF00;} / * * / link visitati
a: hover {color: # FF00FF;} / * spostare il mouse al link * /
a: active {color: # 0000FF;} / * * clic del mouse /
Prova »
Quando è impostato su un certo numero di stile link-state, ci sono alcune regole di ordine:
- a: hover deve seguire la a: link e a: visited tardi
- a: active deve seguire a: hover dietro
stile legame comune
Secondo l'esempio precedente cambiamento collegamento colore, per vedere quale stato si trova.
Diamo un'occhiata ad alcuni altri modi comuni per stile link:
Text-decoration
attributo text-decoration è principalmente utilizzato per rimuovere la sottolineatura ai link:
Esempi
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
Prova »
Colore di sfondo
proprietà del colore di sfondo specifica il colore del collegamento di fondo:
Esempi
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}
Prova »
Altri esempi
Aggiungere diversi stili di collegamenti ipertestuali
Questo esempio dimostra come aggiungere altri stili di collegamenti ipertestuali.
Avanzate - Crea casella Collegamenti
Questo esempio dimostra un esempio più avanzato, combiniamo un certo numero di proprietà CSS appaiono come caselle.