htmlbook.ru - Для тех, кто делает сайты
Статьи Книги Шаг за шагом Рецепты Форум
Главная страница > Рецепты > Ссылки > Как установить цвет посещенной ссылки?

Краткие рецепты по CSS и HTML

Как установить цвет посещенной ссылки?

Чтобы задать вид оформления посещенных ссылок, используйте псевдокласс visited, который через двоеточие добавляется к селектору A.

Пример

Валидный HTML
Валидный CSS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Цвет ссылок</title>
<style type="text/css">
A {
 color: #800000; /* Цвет обычной ссылки */
}
A:visited {
 color: #808000; /* Цвет посещенной ссылки */
}
</style>
</head>
<body>
<p><a href="visited.html">Посещенной ссылка</a> становится после того, как на нее щелкнули и перешли по ней на новую страницу.</p>
</body>
</html>

Результат данного примера показан ни рис. 1.

Рис. 1. Цвет посещенной ссылки

Рис. 1. Цвет посещенной ссылки

В примере рядовая текстовая ссылка имеет красный цвет, а посещенная — оливковый.

Узнали для себя что-то новое из данного рецепта?

Поиск по сайту

Рецепты

Насколько известен данный рецепт

Известен (70)

Известен частично (28)

Не известен (21)

В скобках указано число ответивших людей. Статистика обновляется раз в час.

Copyright 2002–2008 Влад Мержевич, по всем вопросам пишите по адресу: vlad@htmlbook.ru

О сайте | Планы на будущее | Использование сайта | Борьба с ошибками | Технологии | Поддержать проект