Свойство 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>
Курсор в браузере: