Con la ayuda de las hojas de estilo CSS podemos forzar a nuestro HTML que no se rije sobre convencionales de los punteros; logrando así un atractivo diseño web en donde el puntero de nuestro mouse (Css cursor) puede llegar a ser hasta una imagen de nuestra propia creación.
A continuación pueden observar la lista de los cursores disponibles por defecto en Windows:
- default (flecha)
- crosshair (cruz)
- e-resize (flecha que apunta a la derecha)
- hand (mano)
- help (signo de pregunta)
- move (cruz con flechas en los extremos)
- n-resize (flecha que apunta hacia arriba)
- ne-resize (flecha que apunta al noreste)
- nw-resize (flecha que apunta al noroeste)
- pointer (mano)
- s-resize (flecha que apunta hacia abajo)
- se-resize (flecha que apunta hacia el sudeste)
- sw-resize (flecha que apunta hacia el sudoeste)
- text (I-beam)
- w-resize (flecha que apunta a la izquierda)
- wait (reloj de arena)
Al igual que todas las propiedades del lenguaje CSS, es posible definir el objeto aplicándolo a todo el documento o solo a una parte del mismo.
Ejemplo CSS:
p { cursor: wait }
h4 { cursor: help }
h5 { cursor: crosshair }
