Cambiar el cursor del ratón

Nuestro sistema operativo posee cursores por defecto para cada evento, como por ejemplo, cursor para apuntar, para mover, para redimensionar, etc…, estos cursores se activan cuando pasamos por ciertas zonas de nuestra pantalla. Por ejemplo, cuando nos posicionamos sobre un link, la típica flecha (denominada default en CSS) cambia por la manita (pointer). Como en el ejemplo anterior, podemos encontrar decenas de situaciones en donde nuestro puntero cambia de imagen.

En primer lugar carga la plantilla que tenemos predefinida y escribe entre las etiquetas <body> y </body> lo siguiente:

Tipos de cursores

Lo guardamos y lo ejecutamos en nuestro navegador favorito. Observaremos que al pasar el ratón por los diferentes textos el cursor cambia de aspecto.

También podemos utilizar un cursor personalizado; esta regla la debemos poner entre las etiquetas <head> y </head>: