Latest web development tutorials

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: link {color: # FF0000;} / * collegamento non visitato * /
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:link {text-decoration:none;}
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:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

Prova »

Esempi

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.