Для оформления ссылок можно использовать любые свойства css (например, color, font-family, background-color). Отличаются ссылки от простого текста тем, что у них есть различные состояния и можно задавать стили отдельно для каждого состояния.

a:link – обычная не посещённая ссылка
a:visited – ссылка, по которой уже был осуществлён переход
a:hover – ссылка при наведённой на неё мыши
a:active – ссылка в момент нажатия

a:link {color:#FF0000}      /* цвет непосещённой ссылки */
a:visited {color:#00FF00}  /* цвет посещённой ссылки */
a:hover {color:#FF00FF}  /* цвет ссылки при навелении мыши */
a:active {color:#0000FF}  /* цвет активной ссылки */

Когда устанавливается стиль для нескольких статусов ссылок, то есть определённые правила:
a:hover должен идти за a:link и a:visited
a:active должен идти за a:hover

Подчеркивание ссылки.

Используя css, убрать подчёркивание ссылки можно так:

a {text-decoration: none;}

И задать подчёркивание ссылки только при наведении:

a {text-decoration: underline;}

Если вам нужно чтобы цвет подчёркивания ссылки и цвет её текса были разными, то нужно заключить ссылку в тэг span, который переопределит цвет ссылки, но не переопределит цвет подчёркивания, т.к. по умолчанию у нет такого свойства. Т.е. цвет подчёркивания ссылки останется прежним:

<style type="text/css">
  A {color:red;}
  A span {color: blue;}
</style>
 
<a href="#"><span>Ссылка </span></a>

Цвет фона ссылки

Цвет фона ссылки можно задать так:

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

css, web-разработка, вёрстка, оформление