seodon.ru | Как изменить цвет ссылок в HTML

Можно так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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:link {color:#FF0099}
a:visited {color:#009933}
a:hover {color:#0099FF}
a:active {color:#00FF66}
</style>
</head>
<body>
  <div style="background:#EEEEEE"><a href="https://www.yandex.ru/" title="Поисковая система Яндекс">Сайт Яндекса</a></div>
  <div style="background:#EEEEEE"><a href="https://www.google.ru/" title="Поисковая система Гугл">Сайт Гугла</a></div>
  <div style="background:#EEEEEE"><a href="https://www.rambler.ru/" title="Поисковая система Рамблер">Сайт Рамблера</a></div>
</body>
</html>

А можно и вот так, особенно если ссылок будет не три, а тридцать:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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:link {color:#FF0099}
a:visited {color:#009933}
a:hover {color:#0099FF}
a:active {color:#00FF66}
</style>
</head>
<body>
 <div style="background:#EEEEEE">
  <div><a href="https://www.yandex.ru/" title="Поисковая система Яндекс">Сайт Яндекса</a></div>
  <div><a href="https://www.google.ru/" title="Поисковая система Гугл">Сайт Гугла</a></div>
  <div><a href="https://www.rambler.ru/" title="Поисковая система Рамблер">Сайт Рамблера</a></div>
 </div>
</body>
</html>

Вообще, у пользователей, которые давно знакомы с интернетом, цвета посещенных ссылок часто ассоциируются с оттенками фиолетового. А все из-за того, что все популярные браузеры по умолчанию используют именно их.

Вернуться в урок

→ Перейти к следующему уроку