Как изменить цвет ссылки и фона под ней?

🕛 20.01.2009, 16:54

Используйте стилевой атрибут color для задания цвета текста и background для добавления цвета фона под ссылкой, добавляя их к селектору A, как показано в примере 1.

Пример 1. Изменение цвета ссылок

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!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; /* Цвет текста */ background: #ffc; /* Цвет фона */ padding: 2px; /* Поля вокруг текста */ } </style> </head> <body> <p>Для сборки <a href="megadroid.html">мегадроида</a> требуется открыть коробку, достать мешочек с микросхемами и сложить их в нужном порядке, пользуясь нашим подробным 8631-страничным <a href="manual.html">руководством</a>.</p> </body>
</html>

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