Пополнить WebMoney
Вывод WebMoney
Обмен WebMoney
Кредит WebMoney

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



чайник, HTML ДЛЯ ЧАЙНИКОВ скачать бесплатно - " HTML на примерах, всё доступно и просто (для начинающих)"
- - -чайник, HTML ДЛЯ ЧАЙНИКОВ- - - >> с к а ч а т ь <<

чайник, HTML ДЛЯ ЧАЙНИКОВ скачать бесплатно - "Как создать классный сайт!
От начала и до конца"
---чайник, HTML ДЛЯ ЧАЙНИКОВ--->> с к а ч а т ь <<

Оформление ссылок в CSS.  Цвет ссылки. Ссылка картинка в CSS

У ссылок в 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.чайник, CSS  ДЛЯ ЧАЙНИКОВ

 

 

 

 

 


Понравилась статья? - добавь ее себе!


 

 



сайт-визитка / шаблон сайта / обработка фотографий / дизайн афиши, обложки книг, журнал, флаеры и т.д.
 
 
Подробней





nocrisise.ru © 2009-2012