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

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

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

1. 1. Изменение цвета ссылки при наведении
      

      A:link {color: #EE210B}
      A:visited {color: red}
      A:active {color: blue}
      A:hover {text-decoration: underline; color: red;}

      * text-decoration: none  - убирает подчеркивание ссылок
      Как выглядит ссылка:

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

   A:link {text-decoration: none}
   A:visited {text-decoration: none}
   A:active {text-decoration: none}
   A:hover {text-decoration: underline overline; color: red;}

   

2. Увеличение размера ссылки при наведении
   

   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;}

   

3. Изменение цвета фона ссылки:
   

   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.