Как сделать активной ссылку CSS

Чтобы сделать активной ссылку в CSS, можно использовать псевдокласс «:hover», который применяется к элементу при наведении на него курсора мыши. Также можно использовать псевдоклассы «:visited», «:active» и «:focus».

Вот пример CSS кода для стилизации ссылки при наведении курсора мыши:

a:hover {
  color: red;
  text-decoration: none;
}

Этот CSS код применит красный цвет текста и отменит подчеркивание ссылки при наведении курсора мыши на нее.

Чтобы создать стили для посещенных ссылок, можно использовать псевдокласс «:visited»:

a:visited {
  color: purple;
}

Этот CSS код задаст цвет текста фиолетового цвета для посещенных ссылок.

Для создания стилей для активных ссылок, когда пользователь нажимает на ссылку, можно использовать псевдокласс «:active»:

a:active {
  color: green;
}

Этот CSS код задаст зеленый цвет текста при нажатии на ссылку.

Кроме того, для создания стилей для состояния фокуса ссылки, когда она выделена клавишами Tab или мышью, можно использовать псевдокласс «:focus»:

a:focus {
  outline: dotted 2px blue;
}

Этот CSS код добавит синее пунктирное обводку для выделенной ссылки.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать активной ссылку CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали