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

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