Link-uri CSS. Link-uri stilate. Proprietăţi CSS: color, font-family, background. Links states: a: link, a:visited, a: hover, a: active.

Susține Lectii-Virtuale!

CSS Links

Cu CSS, linkurile pot fi proiectate în moduri diferite.


Styling Links

Linkurile pot fi realizate cu orice proprietate CSS (de exemplu, culoare, familie de fonturi, fundal etc / color, font-family, background).

Exemplu:

a {
  color: hotpink;
}

În plus, legăturile (linkurile) pot fi proiectate diferit în funcție de starea în care se află.

Cele patru stări de legături (linkuri) sunt:
 

• a: link - o legătură normală, nevăzută.
• a:visited - un link pe care l-a vizitat utilizatorul.
• a: hover - o legătură atunci când utilizatorul dă peste ea.
• a: active - un link în momentul în care este dat click.

Exemplu:

/* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: blue;
}

Când setați stilul pentru mai multe stări de legătură, există câteva reguli de comandă:

a: hover - TREBUIE să vină după a:link și a:visited.
a: active - TREBUIE să vină după a:hover.