| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Завдання
Змінити колір посилання і фон під нею.
Рішення
Використовуйте стильове властивість color для завдання кольору тексту і background для зміни кольору фону під посиланням, додаючи їх до селектору A, як показано в прикладі 1.
Приклад 1. Зміна кольору посилань
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Колір посилань</title>
<style>
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>
Результат цього прикладу показаний ні рис. 1.
Рис. 1. Вигляд посилань, у яких змінений колір та фон
У разі додавання до ссылке фону бажано встановити поля за допомогою властивості padding, щоб текст не прилягав щільно до краю кольоровий області.