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

CSS

скачать бесплатно – ” 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(/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>

дальше. – Селекторы в CSS.чайник, CSS ДЛЯ ЧАЙНИКОВ

 

 

 

 

 

Читайте также:  Как сделать красивую полосу прокрутки на Вашем сайте? CSS
Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий