Tecnología

Inicio

Cómo cambiar el cursor en la página Web

Cómo cambiar el cursor en la página Web


El cursor o puntero del ratón, en una página web es la imagen que aparece al colocar el puntero del ratón sobre un enlace o una imagen. Esta imagen cursor es tradicionalmente una mano o flecha, pero tiene la capacidad de ser cualquier cosa, desde una forma de cruz para un reloj de arena. Usted tiene la opción de mostrar un cursor diferente en su sitio web para dar a sus visitantes una mejor comprensión de lo que hace clic en el enlace. Editar su documento de página Web mediante la adición de un estilo Cascading Style Sheet (CSS) que cambia el cursor, como usted prefiera.

Instrucciones

1 Abrir el programa editor de texto de su equipo y poner en marcha su documento de página Web.

2 Busque la etiqueta "<body>" en el código y coloque el cursor dentro de este elemento. El cuerpo en HTML controla las características de la página entera.

3 Tipo "style =" y siga esto con el "cursor:" descriptor dentro de la etiqueta. La entrada del cursor crea un marcador de posición CSS para el nuevo estilo. Para ilustrar:

<Estilo de la carrocería = "cursor:">

4 Introduce el nombre de un estilo de puntero, tales como "esperar", después de que el descriptor "cursor". Cada tipo de cursor cumple una función específica. Por ejemplo, el cursor de "ayuda" muestra un signo de interrogación, que alerta a los visitantes que tienen la opción de obtener respuestas a sus preguntas si hacen clic en el enlace. Escriba el código de la siguiente manera:

<Estilo de la carrocería = "cursor: help">

5 Guarda el archivo. Su página web muestra ahora el cursor modificado.

Consejos y advertencias

  • Acceder a la página Wide Web Consortium (W3C) "interfaz de usuario" para obtener una lista completa de estilos de cursor y una explicación de cómo se usa cada uno (ver Recursos).