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

Для изменения курсора при наведении на элемент можно использовать свойство cursor в CSS. Например, чтобы изменить курсор на руку при наведении на ссылку, можно написать следующий код:

a:hover {
  cursor: pointer;
}

В данном примере мы указываем, что при наведении на элемент a (ссылку) курсор должен измениться на pointer (рука).

Также можно использовать другие значения для свойства cursor, например:

• default — стандартный курсор браузера;
• text — курсор в виде вертикальной черты для текстовых полей;
• move — курсор в виде четырехстрелочной иконки для перемещения элемента;
• crosshair — курсор в виде перекрестия для выбора области на изображении и т.д.

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