Link-uri CSS. Decorarea textului. Culoare de fundal.

Decorarea textului (Text Decoration)

Proprietatea text-decoration este utilizată mai ales pentru a elimina sublinierile din link-uri:

Exemplu:

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

Culoare de fundal (Background Color)

Proprietatea background-color poate fi utilizată pentru a specifica o culoare de fundal pentru link-uri:

Exemplu:

a:link {
  background-color: yellow;
}

a:visited {
  background-color: cyan;
}

a:hover {
  background-color: lightgreen;
}

a:active {
  background-color: hotpink;
}