С помощью стилей можно переопределить вид курсора и выбрать один из доступных вариантов.
- Наведите курсор на текст! Это default.
- Наведите курсор на текст! Это auto.
- Наведите курсор на текст! Это text.
- Наведите курсор на текст! Это crosshair.
- Наведите курсор на текст! Это e-resize.
- Наведите курсор на текст! Это w-resize.
- Наведите курсор на текст! Это n-resize.
- Наведите курсор на текст! Это s-resize.
- Наведите курсор на текст! Это ne-resize.
- Наведите курсор на текст! Это sw-resize.
- Наведите курсор на текст! Это nw-resize.
- Наведите курсор на текст! Это se-resize.
- Наведите курсор на текст! Это wait.
- Наведите курсор на текст! Это hand.
- Наведите курсор на текст! Это pointer.
- Наведите курсор на текст! Это help.
- Наведите курсор на текст! Это move.
Код: <font style="cursor:move">Наведите курсор на текст! Это move.</font>
Также можно задать разный вид курсора для отдельных областей веб-страницы, используя теги DIV или SPAN:
Код: <span style="cursor:crosshair">На этом тексте курсор примет вид перекрестья.</span>
Ну а если вы хотите сделать ваш курсор совершенно оригинальным,
можно прописать в его стиле адрес картинки - подвижной или статичной, с
расширением .cur, .ani. И тогда код будет выглядеть так:
<p|font|span|a|и т.д. style="cursor:URL('адрес картинки');"> здесь ваш текст </p|font|span|a|и т.д.>