Свойство CURSOR

Курсоры для использования на web-странице (вид может отличаться от конечного результата, это зависит от настроек операционной системы):

Вид Значение Тест Свойство CSS
default наведите курсор cursor:default
crosshair наведите курсор cursor:crosshair
pointer наведите курсор cursor:pointer
move наведите курсор cursor:move
text наведите курсор cursor:text
wait наведите курсор cursor:wait
help наведите курсор cursor:help
n-resize наведите курсор cursor:n-resize
ne-resize наведите курсор cursor:ne-resize
e-resize наведите курсор cursor:e-resize
se-resize наведите курсор cursor:se-resize
s-resize наведите курсор cursor:s-resize
sw-resize наведите курсор cursor:sw-resize
w-resize наведите курсор cursor:w-resize
nw-resize наведите курсор cursor:nw-resize

Пример

Валидный HTML
Валидный CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>cursor</title>
<style type="text/css">
.cross { cursor: crosshair; }
.help { cursor: help; }
</style>
</head>
<body>

<p class="cross">На этом тексте курсор мыши примет вид перекрестья.</p>
<p>
<a href="help1.htm" class="help">Справка 1</a><br>
<a href="help2.htm" class="help">Справка 2</a><br>
</p>

</body>
</html>

Комментарий