Cursor CSS

Con la propiedad <cursor> en CSS podemos controlar la apariencia del puntero al pasar sobre un elemento. No solo es una señal visual, también comunica al usuario cómo funciona dicho elemento.

Fundamentos de la propiedad cursor

La propiedad <cursor> define en qué icono se convierte el puntero sobre un elemento. Por ejemplo, <pointer> es común en enlaces y botones porque indica claramente que se puede hacer clic.

Ejemplos simples

La propiedad cursor puede usarse directamente en CSS o en estilos inline. Aquí algunos ejemplos comunes:

Tipos de cursor frecuentes

Entre los tipos más importantes están default, pointer, text, wait, help y move. Cada uno aporta una experiencia distinta al usuario.

Consejos para usar cursor

Un uso adecuado del cursor mejora mucho la experiencia del usuario en elementos interactivos.

• Usa siempre pointer en botones y enlaces clicables.
• Evita demasiados cursores especiales, pueden resultar molestos.
• Prueba los cursores en varios navegadores, puede haber diferencias.