Cómo personalizar el cursor con el código CSS





Educación

Utilice los siguientes códigos para mostrar los efectos del cursor en el código HTML deseado se describe en los siguientes pasos: {cursor: default}: Ajuste el cursor del ratón {cursor: wait}: Reloj de arena o un icono para mostrar la PC " pensaron " {cursor : crosshair}: muestra un icono en la cruz {cursor: text}: muestra un icono " I forma " cuando se selecciona texto {cursor: pointer}: Muestra el icono de mano señalando {cursor: help} Guide ( normalmente muestra un signo de interrogación) {cursor: hand}: Mano {cursor: movimiento Move} {cursor: n-resize}: Redimensionar norte {cursor: ne-resize}: Cambiar el tamaño del noreste {cursor: e-resize} : Cambiar el tamaño de este {cursor: SE-resize}: Cambiar el tamaño del sureste {cursor: s-resize}: Redimensionar sur {cursor: sw-resize}: Redimensionar oeste {cursor: w-resize}: Redimensionar oeste {cursor: nw- redimensionar}: Redimensionar oeste {cursor: no permitido}: No permitido {cursor: all-scroll}: All-scroll

Utilice el código html para cambiar el estilo del cursor cuando se pasa sobre un enlace. Reemplazar valor con el efecto del cursor deseado desde el paso 1:



Cambiar el estilo del cursor para toda la página con el código de abajo. Reemplace valor con el efecto del cursor deseado Paso 1: body {cursor: value}

Cambie el estilo del cursor a una sección particular de la página con el código de abajo. Reemplace valor con el efecto deseado en el cursor Paso 1. XLink A {cursor: valor}. HLINK A {cursor: value}

Pase el ratón o haga clic en un enlace para ver lo que el cursor del ratón cambiará.



Deja un comentario