CSS: свойства курсора

Свойство cursor отвечает за создание нестандартного курсора. Синстакисис свойства:

cursor: [вид];

Обратите внимание на то, что курсоры могут быть и подгружаемыми (форматы .cur, .ani, .svg), и стандартными. К основным значениям свойства cursor относятся:

auto ㅡ курсор, предусмотренный по умолчанию.
crosshair ㅡ “крестик”.
default ㅡ основной курсор.
e-resize ㅡ курсор, указывающий “на восток”.
n-resize ㅡ курсор, указывающий на "север".
ne-resize ㅡ курсор, указывающий на "северо-восток".
nw-resize ㅡ курсор, указывающий на "северо-запад".
w-resize ㅡ курсор, указывающий на "запад".
s-resize ㅡ курсор, указывающий на "юг".
se-resize ㅡ курсор, указывающий на "юго-восток".
sw-resize ㅡ курсор, указывающий на "юго-запад".
text ㅡ текстовый курсор.
pointer ㅡ указатель.

Например:

<html>

<head>

<title>Курсор</title>

<meta charset="utf-8">

</head>

<style>

a.a_crosshair {

cursor: crosshair

}

a.a_help {

cursor: help

}

a.a_text {

cursor: text

}

a.a_wait {

cursor: wait

}

a.a_pointer {

cursor: pointer

}

</style>

<body>

<a href="#"class="a_crosshair">crosshair</a><br>

<a href="#"class="a_help">help</a><br>

<a href="#"class="a_text">text</a><br>

<a href="#"class="a_wait">wait</a><br>

<a href="#"class="a_pointer">pointer</a><br>

</body>

</html>

Курсор в браузере: