Редактор Онлайн

<html>
<body>
<p>Наведите курсор мыши над словами, чтобы увидеть как изменится курсор.</p>
<span style="cursor:auto">авто</span><br />
<span style="cursor:crosshair">перекрестье</span><br />
<span style="cursor:default">по умолчанию</span><br />
<span style="cursor:e-resize">изменение размера (справа)</span><br />
<span style="cursor:help">помощь</span><br />
<span style="cursor:move">переместить</span><br />
<span style="cursor:n-resize">изменение размера (сверху)</span><br />
<span style="cursor:ne-resize">изменение размера (сверху-справа)</span><br />
<span style="cursor:nw-resize">изменение размера (сверху-слева)</span><br />
<span style="cursor:pointer">указатель</span><br />
<span style="cursor:progress">прогресс</span><br />
<span style="cursor:s-resize">изменение размера (снизу)</span><br />
<span style="cursor:se-resize">изменение размера (снизу-справа)</span><br />
<span style="cursor:sw-resize">изменение размера (снизу-слева)</span><br />
<span style="cursor:text">текст</span><br />
<span style="cursor:w-resize">изменение размера (слева)</span><br />
<span style="cursor:wait">подождите...</span><br />
</body>
</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами