Spanish
Sign in / Sign up

CSS Tipos de Cursores

Cómo hacer que el tipo de cursor sea un puntero o una cruz usando css?
Quiero tener un cursos diferente. Cómo puedo hacerlo?

Explicación

Propiedad :

cursor
El cursor para cualquier elemento se puede establecer usando la propiedad css "cursor".
Etiqueta de

Ejemplo:


<div style="cursor: crosshair;">esto es un tipo de cursor</div>
Resultado
esto es un tipo de cursor

La propiedad css puede tomar muchos valores como se describe en esta tabla
Valor Resultado
pointer un símbolo de mano
crosshair símbolo de +
move símbolo de mover
wait símbolo de carga
help símbolo de pregunta
text símbolo de texto
e-resize mover el cursor al este
ne-resize mover el cursor al noreste
nw-resize mover el cursor al noroeste
n-resize mover el cursor al norte
se-resize mover el cursor al sureste
sw-resize mover el cursor al suroeste
s-resize mover el cursor al sur
w-resize mover el cursor al oeste
default cursor por defecto
url usar imagen establecida como cursor

Una imagen definida puede ser establecida como cursor usando css.
El código para ello es "cursor: url('./images/cursor.gif');".
Pero este cursos definido por el usuario puede no funcionar en algunas versiones de navegadores.
AnteriorSiguiente

CSS Sujets