A:link{Color:#006699: pro ilk deneme · GitHub

Цвета ссылок HTML

❮ Предыдущая
Далее ❯


HTML-ссылка отображается другим цветом в зависимости от
был ли он посещен, не посещен или активен.


Цвета ссылок HTML

По умолчанию ссылка выглядит следующим образом (во всех браузерах):

  • Непосещенная ссылка подчеркнута и окрашена в синий цвет
  • Посещенная ссылка подчеркнута и окрашена в фиолетовый цвет
  • Активная ссылка подчеркнута и окрашена в красный цвет

Вы можете изменить цвета состояния ссылки с помощью CSS:

Пример

Здесь непросмотренная ссылка будет зеленой без подчеркивания. Посещенная ссылка
будет розовым без подчеркивания. Активная ссылка будет выделена желтым цветом и подчеркнута.
Кроме того, при наведении мыши на ссылку (a:hover) она станет красной и подчеркнутой:

<стиль>
a:link {
  цвет: зеленый;
  background-color: прозрачный;

  украшение текста: нет;
}

a:посетили {
 цвет: розовый;
  background-color: прозрачный;
текстовое оформление: нет;
}

a:hover {
 цвет: красный;
  background-color: прозрачный;
  text-decoration: подчеркивание;
}

a:active {
  цвет: желтый;
  background-color: прозрачный;
оформление текста: подчеркивание;
}

Попробуйте сами »



Кнопки ссылок

Ссылку также можно оформить как кнопку с помощью CSS:

Это ссылка

Пример