Как изменить стиль курсора на веб-странице?

С помощью CSS свойства cursor.

Примеры значений:

• auto: Курсор определяется контекстом.
• default: Стандартный курсор (обычно стрелка).
• pointer: Указывающий палец (для интерактивных элементов).
• text: Курсор для текста (вертикальная черта).
• wait: Курсор ожидания (песочные часы или индикатор).
• help: Курсор помощи (вопросительный знак).
• move: Курсор для перемещения.
• not-allowed: Курсор "запрещено" (перечеркнутый круг).
• <url>: Использование пользовательского изображения.

Пример использования:

/* Изменить курсор для всех ссылок */
a {
  cursor: pointer;
}

/* Использовать пользовательское изображение */
.custom-cursor {
  cursor: url('path/to/image.cur'), auto; /* URL изображения и резервный вариант */
}

Используйте формат .cur или .ani для пользовательских курсоров, а также резервный вариант из стандартных значений, чтобы обеспечить кроссбраузерность.