Стильные курсоры
игнорирует код HTML и мы увидим обычный курсор, словно ничего лишнего и не писалось.
вместо традиционной руки, появляющейся при наведении на ссылку, возникает нечто другое. В большинстве случаев, лучше оставить все по умолчанию.
| Вид | Значение | Тест | Пример |
|---|---|---|---|
 |
default | ТЕСТ | cursor:default |
 |
crosshair | ТЕСТ | cursor:crosshair |
 |
hand | ТЕСТ | cursor:hand |
 |
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 |
наведении его на разные ссылки.
Пример 1. Изменение курсора мыши при наведении его на ссылку| <html> <head> <style type="text/css"> .movelink { cursor: move } .helplink { cursor: help } </style> </head> <body> |
body.
Пример 2. Изменение вида курсора мыши для всей веб-страницы
| <html> <head> <style type="text/css"> body { cursor: ne-resize } </style> </head> <body> |
Также можно задать разный вид курсора для отдельных областей веб-страницы используя теги DIV или SPAN. В этом случае вначале определяется класс и его стиль, а затем он применяется к тегу, например, SPAN
Пример 3. Изменение вида курсора мыши для разных областей веб-страницы
| <html> <head> <style type="text/css"> .cross { cursor: crosshair } .help { cursor: help } </style> </head> <body> |
|
На этом тексте курсор мыши примет вид перекрестья. СПРАВКА 1 СПРАВКА 2 СПРАВКА 3 |
| |||||||||||||||||||