Всем известно что при помощи CSS можно форматировать внешний вид web страниц, а известно ли вам что при помощи того же CSS, можно изменять внешний вид курсоров??? Можно использовать как стандартные курсоры, так и файлы (CUR или SVG).

Стандартные типы курсоров

• auto - курсор по умолчанию для текущего элемента.
• crosshair – плюс ("+").
• default - курсор, используемый по умолчанию.
• pointer - курсор в виде руки.
• move - курсор, определяющий объект, который можно переместить.
• e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize - курсоры, обозначающие возможность перемещения некоторого края объекта.
• text - курсор, обозначающий текст.
• wait - курсор, в виде часов, обозначающий занятость программы.
• help - курсор, в виде знака вопроса ("?").

Ниже представлены стандартные курсоры, наведите на название курсора, и посмотрите какой вид примет ваш курсор.

Auto Auto
Crosshair Crosshair
Default Default
Pointer Pointer
Move Move
e-resize e-resize
ne-resize ne-resize
nw-resize nw-resize
n-resize n-resize
se-resize se-resize
sw-resize sw-resize
s-resize s-resize
w-resize w-resize
text text
wait wait
help help

Синтаксис таков Имя класса { CURSOR: url('путь к курсору') }

Пример:
BODY {CURSOR: url(cursor.png)}

Свой cursor.cur Свой cursor.cur

Если вам нужно задать другой вид курсора при наведении на ссылку, замените "BODY" на "А".

Пользовательские курсоры поддерживаются начиная с IE6, Firefox 1.5. Firefox 1.5 поддерживает CUR и SVG cursor-ы, при этом он не поддерживает формат ANI. IE поддерживает форматы CUR и ANI, но не понимает SVG cursor-ов.