|
CSS
Alterando
o cursor
Aqui você aprenderá a usar os vários tipos de cursores
disponíveis para sua página. Esses cursores podem funcionar
em qualquer elemento de sua página (figuras, links,
tabelas, etc) ou na página toda.
Abaixo, uma lista dos vários tipos de cursores, os
nomes e o respectivo código. Para ver os exemplos passe
o mouse sobre os códigos.
Cursor |
Descriçao |
Código fonte |
auto |
Normal |
style="CURSOR: auto" |
crosshair |
Precisão ou Posicionamento |
style="CURSOR: crosshair" |
default |
Padrao do sistema |
style="CURSOR: default" |
hand |
Objeto Clicável |
style="CURSOR: hand" |
move |
Objeto móvel |
style="CURSOR: move" |
text |
Selecionar ou editar texto |
style="CURSOR: text" |
wait |
Sistema ocupado |
style="CURSOR: wait" |
help |
Ajuda |
style="CURSOR: help" |
e-resize |
Direita |
style="CURSOR: e-resize" |
ne-resize |
Diagonal Norte - Leste |
style="CURSOR: ne-resize" |
n-resize |
Norte |
style="CURSOR: n-resize" |
nw-resize |
Diagonal - Oeste |
style="CURSOR: nw-resize" |
w-resize |
Esquerda |
style="CURSOR: w-resize" |
sw-resize |
Diagonal Sul- Oeste |
style="CURSOR: sw-resize" |
s-resize |
Sul |
style="CURSOR: s-resize" |
se-resize |
Diagonal Sul - Leste |
style="CURSOR: se-resize" |
Abaixo encontra-se exemplos de como colocar esses
códigos em diferentes elementos. O princípio é o mesmo
para utilizar em outros elementos.
Link:
<a href="http://br.geocities.com/webnologia" style="CURSOR:
default">Webnologia</a>
Imagem:
<img src="banner.gif" style="CURSOR: move" width="60"
height="60">
|
|