Как сделать цвет для ссылки html


как сделать цвет для ссылки html Как изменить цвет ссылки HTML

Раздел: Создание сайта » HTML  
25 сентября 2009   |   автор: admin Оставить комментарий


Как изменить цвет ссылки HTML

 

 

Ссылка в HTML выглядит следующим образом:

 

<a href="/" title="Ссылка HTML">Изменяем цвет ссылки</a>

 

По умолчанию ее цвет синий и она будет иметь подчеркивание.

 

 

Вы можете изменить ее цвет и убрать подчеркивание, просто добавив внутрь тега свойство style с соответствующими значениями. Вот так:

 

<a href="/" title="Ссылка HTML" style="color:#FF0000; text-decoration:none">Изменяем цвет ссылки</a>

 

 

Есть и другой способ изменить внешний вид ссылки. Для этих целей используются таблицы стилей CSS. Причем вы сможете задать значения для ссылок при различных условиях, будь-то активная ссылка (a:active), посещенная ссылка(a:visited) либо ссылка при наведении мыши (a:hover). Вот как это делается:

 

 

a {
color:#FF0000;
text-decoration:none
}

a:active {
color:#FF0000;
text-decoration:none
}

a:visited {
color:#666666;
text-decoration:none
}

a:hover {
color:#339900;
text-decoration: underline
}

 

 

 

Создайте два файла.

 

Первый index.html с таким содержимым:

 

<html>

<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

 

<a href="/" title="Ссылка HTML">Изменяем цвет ссылки</a>


</body>

</html>

 

 


А второй назовите style.css. В нем запишите следующее:

 

 

a {
color:#FF0000;
text-decoration:none
}

a:active {
color:#FF0000;
text-decoration:none
}

a:visited {
color:#666666;
text-decoration:none
}

a:hover {
color:#339900;
text-decoration: underline
}

 

 

 

Изменяя значения свойств можно менять внешний вид ссылок.


Ключевые теги: ссылка html, html

Просмотров: 246877 Комментарии(65535)

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

web-lesson.ru

Другие новости по теме:

Назад 1 2 3 4 5 6 7 8 9 10... 2185 Далее


Источник: http://www.web-lesson.ru/site-creation/html/67-kak-izmenit-cvet-ssylki-html.html



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Ответы Как в CSS изменить цвет ссылки? Таблица каскадных стилей Вязание с бисером петлями


Как сделать цвет для ссылки html Как задать цвет ссылки в HTML? Вопросы и ответы. Все о дизайне
Как сделать цвет для ссылки html Как изменить в html цвет ссылки Веб-программирование
Как сделать цвет для ссылки html Цвет ссылки в html и css Блог Андрея Назырова
Как сделать цвет для ссылки html Как изменить цвет ссылки с помощью css
Как сделать цвет для ссылки html Как сделать цвет для всех ссылок html
Как сделать цвет для ссылки html Учебник HTML - Меняем цвета ссылок
Как сделать цвет для ссылки html Как изменить цвет ссылки в HTML
Как сделать цвет для ссылки html Как изменить цвет ссылки HTML
6 признаков того, что мужчина хочет тебя Амфетамин. Действие амфетамина на ЦНС и целиком на Армирующие сетки, изготовленные из пластика, это универсальный материал Боли в горле ухе и зубе с права уже более 7 месяцев - Форум врачей Детский бесшовный удобный жилет Маникюр с цветами: как выглядит интересный летний маникюр с Оригами из бумаги. Воспитателям детских садов, школьным


ШОКИРУЮЩИЕ НОВОСТИ