“Conocimientos Programación>Lenguajes De Programación

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

2013/7/17
Cascading Style Sheets ( CSS ) es una poderosa tecnología de desarrollo web que puede utilizar para personalizar el cursor del ratón para su MySpace, Xanga o Friendster o la página de su sitio web. Se utiliza para controlar el estilo y la presentación de un sitio web , en particular para definir la fuente, el color , formato y otras características de un sitio . CSS es un valioso ahorro de tiempo , ya que le permite determinar estas características en una sola hoja de estilos , en lugar de tener que crear el código HTML para todos los casos que se requiera. También puede utilizar CSS para crear y personalizar el icono del cursor del ratón con sólo ingresar el código CSS adecuado en su campo HTML. Con CSS , puede crear una amplia gama de efectos , cuando el cursor se modifica en función de las condiciones particulares definidas por el código. Instrucciones
1

Utilice los siguientes códigos para mostrar los efectos de cursor que desee en el código HTML se describe en los pasos siguientes : { cursor : default} : Regular cursor { cursor : wait } : Reloj de arena u otro icono para mostrar el PC "pensamiento " { cursor : crosshair }: muestra un icono en forma de cruz { cursor : text } : muestra un icono en forma de " I " cuando se está seleccionando el texto { cursor : pointer } : muestra un icono de mano señalando { cursor : help} : Ayuda ( Por lo general, muestra un signo de interrogación ) { cursor : hand }: mano { cursor : move } : Mueve { cursor : n -resize }: Redimensionar norte { cursor : ne -resize }: Redimensionar noreste { cursor : e- resize }: Cambiar el tamaño de este { cursor : se- resize }: Redimensionar sureste { cursor : s -resize }: Redimensionar sur { cursor : sw -resize }: Redimensionar suroeste { cursor : w -resize }: Redimensionar oeste { cursor : nw -resize }: Redimensionar al noroeste { cursor : no permitido } : No se permite { cursor : all- scroll }: All- scroll
2

Utiliza este código HTML para cambiar el estilo del cursor cuando se se cierne sobre un enlace . Reemplace "valor" con el efecto deseado de cursor Paso 1 :