|
У ссылок в 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(banner-3.gif);
background-repeat:no-repeat;
width:200px;
height:38px;}
a.stepa:hover {
background:url(bannertitle-4.gif);
background-repeat:no-repeat;
width:200px;
height:38px;
}
>> В HTML пишем.
<p class="stepa"><a href="stop.html"></a></p>
дальше. - Селекторы в CSS.
НОВОСТИ САЙТА
------------------------------------------------------------------------
22/01/2012 – Вы можете отправить WebMoney разработчикам сайта nocrisise.ru – от 0,01$ с
текстом -
«спасибо за сайт nocrisise.ru »
Не забудьте в тексте указать рабочий e-m@il и Имя - вас ждёт Бонус.
Отправь от 0,01$ с текстом на WebManey: Z317847961173
------------------------------------------------------------------------
|
