У ссылок в CSS существуют псевдоклассы, они определяют условие для элемента, к которому применяется стиль.
а: link {стиль ; } — оформление обычной ссылки
а: active {стиль ; } — оформление ссылки в момент нажатия
а: hover {стиль ; } — оформление ссылки при наведении курсором
а: visited {стиль ; } — оформление посещённой ссылки
— Цвет ссылки в CSS —
Пример:
a: link
{color: blue; }
a: active
{color: red;
text-transform: uppercase;}
a: hover
{text-decoration: underline; }
a: visited
{color: gray; }
Все ссылки будут синего цвета
В МОМЕНТ НАЖАТИЯ ССЫЛКА СТАНЕТ КРАСНОЙ И БОЛЬШИМИ БУКВАМИ
При наведении мышкой она будет синего цвета и подчёркнута
Посещенная ссылка будет серого цвета
Вот что я хотел показать и рассказать про оформление стиля и цвета ссылки в CSS.
— Картинка, как ссылка —
Также можно сделать картинку ссылкой. При наведении курсора, она будет меняться на другую картинку. Это метод можно использовать для меню и кнопок на сайте. Пример:
>> В CSS пишем.
a.stepa {
background:url(/wp-content/uploads/banner-3.gif);
background-repeat:no-repeat;
width:200px;
height:38px;}
a.stepa:hover {
background:url(/wp-content/uploads/bannertitle-4.gif);
background-repeat:no-repeat;
width:200px;
height:38px;
}
>> В HTML пишем.
<p class=»stepa»><a href=»stop.html»></a></p>