Blog ComercialWeb - São Paulo - SP
E-mail: comercial2@comercialweb.com.br
Atualizado: 08/11/2019

Mudar o cursor do mouse com CSS

Veja como fazer para alterar o ponteiro do mouse quando passa por cima.

Alterando os cursor quando passa o mouse
Abaixo estão os atributos CSS para alterar os cursores em uma página.

(passe o mouse na coluna para ver)

cursor:crosshair; Precisão
cursor:default; Padrão do sistema
cursor:text; Seleção de textos
cursor:hand; Objeto clicável
cursor:move; Objeto móvel
cursor:wait; Sistema ocupado
cursor:help; Ajuda
cursor:e-resize; Leste
cursor:ne-resize; Norte - Leste
cursor:n-resize; Norte
cursor:nw-resize; Norte - Oeste
cursor:w-resize; Oeste
cursor:sw-resize; Sul - Oeste
cursor:s-resize; Sul
cursor:se-resize; Sul - Leste

Os atributos podem ser usados em imagens, div, tabelas, etc. Veja um exemplo:
<img src="nomedaimagem.gif" style="cursor:s-resize;">

Fonte: Luciano

Comente esta matéria:


Compartilhe esta matéria




Veja Também