Cursores: estilos

Para modificar o cursor quando se coloca o mouse  sobre um link, basta alterarmos o estilo:

<STYLE>
    link {cursor: crosshair}
<STYLE>

A tabela seguinte demonstra a utilização de17 tipos de cursores disponíveis.

Apenas passe o mouse sobre os links para verificar os diferentes tipos de cursores.

cursor: auto (utiliza o cursor definido pelo utilizador)
cursor: crosshair (cruz)
cursor: default (não altera o cursor)
cursor: e-resize (seta para a direita, Este)
cursor: hand (a tradicional mãozinha)
cursor: help (ponto de interrogação ?)
cursor: move (cruz com setas nas extremidades)
cursor: n-resize (seta para norte, N)
cursor: ne-resize (seta para NE)
cursor: nw-resize (seta para NO)
cursor: pointer (a mãozinha)
cursor: s-resize (seta para sul, S)
cursor: se-resize (seta para SE)
cursor: sw-resize (seta para SO)
cursor: text (cursor típico de inserção de texto)
cursor: w-resize (seta para a esquerda, Oeste)
cursor: wait (cursor de "ocupado", aguardando)

 

(Dica adaptada por Lilian Russo)

Lilian Russo - Todos os Direitos Reservados - ©2002/2008



.