Урок 12. Как изменить цвет ссылки на сайте.
Автор: Андрей Краснокутский
Дата: 2009-03-12 Изменяем цвет ссылок на web-странице.
В этом небольшом уроке мы узнаем новые свойства о ссылках, которые еще не затрагивали в предыдущих уроках. Возвращаясь немного назад, а именно к уроку 9 в котором речь шла о ссылках, там мы изучили, что ссылки бывают абсолютные и относительные. По умолчанию ссылка в HTML обычно выделяется из общего текста нижним подчеркиванием и имеет ярко синий цвет.
Но ведь для ссылок можно задать любой цвет, который больше подходит по дизайну, да еще сделать разделение: не посещенная ссылка, посещенная ссылка, ссылка в момент нажатия (и соотвественно задать для каждого состояния свой цвет) делается это очень просто. В теге body прописываем следующие атрибуты с указанием названия цвета или его шестнадцатиричного значения:
-
link="#3562c5" - ссылка еще не нажата посетителем сайта;
-
vlink="#c53535" - ссылка которую уже посетили (открывали);
-
alink="#000000" - цвет ссылки в момент нажатия на неё - активная ссылка;
Естественно здесь шестнадцатеричные цвета ссылок указаны для примера, выбирайте цвет для разного состояния ссылки в соотвествии со своим вкусом и общим дизайном сайта.
Итак открываем HTML-код нашей web-страницы, находим тег body и прописываем ему атрибуты указанные выше. Теперь код тега body с атрибутами выглядит так:
Листинг 12.1.
<body link="#3562c5" vlink="#c53535" alink="#000000">
| |
Сохраняем наш файл, обновляем и смотрим. Согласитесь смотрится гороздо симпатичнее и очень просто.
Читайте также:
Что такое охрана труда? Для чего нужна охрана труда?
Сколько стоит сканирование документов, книг, чертежей, фотографий?
Где зарегистрировать домены второго уровня дешево.
Как открыть файл fb2 для чтения электронной книги на компьютере.
Изготовление металлоконструкций любой сложности на заказ.
Просмотров: 17560
увас какойто замечательный сайт
Как сделать так, чтобы у ссылки не было подчеркивания
очень просто))
<a style="text-decoration:none" href=" "></a>
Вот образец.
http://forum-akkerman.info/raspisanie/
А как изменить цвет при наведении на ссылку?
|