Как менять курсор при наведении CSS

Для изменения вида курсора при наведении на элемент страницы можно использовать свойство «cursor» в CSS.

Синтаксис этого свойства следующий:

селектор:hover {
  cursor: указатель;
}

где «указатель» — это желаемый вид курсора, например: «pointer», «default», «help», «move» и т.д. Список доступных значений можно найти в документации по CSS.

Например, если вы хотите изменить вид курсора при наведении на ссылку, вы можете использовать следующий код:

a:hover {
  cursor: pointer;
}

Этот код изменит вид курсора на «pointer» при наведении на любую ссылку на странице.

Если вы хотите изменить вид курсора для всех элементов на странице, вы можете использовать следующий CSS-код:

* {
  cursor: pointer;
}

Этот код изменит вид курсора на «pointer» для всех элементов на странице.

реклама

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

реклама

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

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

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

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

Закажите услугу Как менять курсор при наведении CSS

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