Как изменить цвет ссылки на сайте.
Изменяем цвет ссылок на web-странице.
В этом небольшом уроке мы узнаем новые свойства о ссылках, которые еще не затрагивали в преведущих уроках.
Возвращаясь немного назад к уроку 9 в котором речь шла о ссылках, там мы изучили, что ссылки бывают абсолютные и относительные. По умолчанию ссылка в HTML обычно выделяеся из общего текста нижним подчеркиванием и имеет ярко синий цвет.
Но ведь можно задать любой цвет ссылки, да еще сделать разделение: не посещенная ссылка, посещенная ссылка, ссылка в момент нажатия (и соотвественно задать для каждого состояния свой цвет) делается это очень просто. В теге body прописываем следующие атрибуты с указанием названия цвета или его шестнадцатиричное значение:
-
link=”#3562c5″ – ссылка еще не нажата посетителем сайта;
-
vlink=”#c53535″ – ссылка которую уже посетили (открывали);
-
alink=”#000000″ – цвет ссылки в момент нажатия на неё – активная ссылка;
Естественно здесь шестнадцатеричные цвета ссылок указаны для примера, выбирайте цвет для разного состояния ссылки в соотвествии со своим вкусом и общим дизайном сайта.
Итак открываем HTML-код нашей web-страницы, находим тег body и прописываем ему атрибуты указанные выше. Теперь код тега body с атрибутами выглядит так:
Листинг 12.1.
<body link=”#3562c5″ vlink=”#c53535″ alink=”#000000″> |
|
Сохраняем наш файл, обновляем и смотрим . Согласитесь смотрится симпатичнее и очень просто.
|