Оформление ссылок CSS

Для того, чтобы оформить ссылки, нужно провести изменения в таблице стилей. Коды css будут приведены ниже.
a:link
Определяет стиль ссылки
a:visited
Определяет стиль посещённой ссылки
a:active
Определяет стиль активной ссылки.
Ссылка становится активной в момент нажатия на нее.
a:hover
Стиль ссылки, по которой кликнули.
Узнайте еще про оформление гиперссылок.

Примеры оформления ссылок css

1. Изменение цвета ссылки при наведении
  
  A:link {color: #EE210B}
  A:visited {color: red}
  A:active {color: blue}
  A:hover {text-decoration: underline; color: red;}
  
  * text-decoration: none - убирает подчеркивание ссылок
  Как выглядит ссылка:

Стиль подчеркивания сверху и снизу при наведении

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline overline; color: red;}
Увеличение размера ссылки при наведении

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {font-size:24; font-weight:bold; color: red;}
Изменение цвета фона ссылки:

A:link {background: #FFCC00; text-decoration: none}
A:visited {background: #FFCC00; text-decoration: none}
A:active {background: #FFCC00; text-decoration: none}
A:hover {background: #FFCC00; font-weight:bold; color: red;}

Для того, чтобы изменить стиль ссылок на wordpress, нужно зайти в таблицу стилей, найти отрезок кода A:link и заменить стили ссылок на собственные.
На Blogspot редактируем шаблон блога и находим A:link и также изменяем весь код

A:link {бла-бла-бла}
A:visited {бла-бла-бла}
A:active {бла-бла-бла}
A:hover {бла-бла-бла

на собственный стиль.
Вам будет также интересно узнать как сделать анимированные ссылки на blogspot.