• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Как сделать цвет активной ссылки по клику (Как изменить цвет активной ссылки при наведении в html)
Как сделать цвет активной ссылки по клику
Kosten
Дата: Воскресенье, 2019-08-18, 18:17 | Сообщение 1
Оффлайн
Администраторы
Сообщений:24630
Награды: 57


Активной ссылка становится тогда, когда кто то на ее наводит клик и производит переход. Все происходит в момент, когда пользователь происходит клик по заданной ссылки. Если мы устанавливаем активную ссылку, то браузеры ее автоматически обозначают в другой цвет гаммы, это может быть синий или красный. Но мы можем при помощи псевдокласса :active самостоятельно задать оттенок цвета, тот который ему нужен на активной ссылке.



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

HTML

Код
<a href="#">Первая ссылка на переход</a>
<a href="#">Вторая ссылка для перехода</a>

CSS

Код
a:active {
    background-color: #5567c1; /* Цвет фона */
    color: #f8f8f9; /* Цвет текста */
    text-decoration: none; /* Убираем подчёркивание */
   }

На demo страницы вы можете посмотреть эффект, который заключается в том, что только при клике вы видите трюк заполненого фона по тексту.

Демонстрация
Прикрепления: 1733960.png(10.8 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Как сделать цвет активной ссылки по клику (Как изменить цвет активной ссылки при наведении в html)
  • Страница 1 из 1
  • 1
Поиск: