> menú > recursos > utilidades >> CURSORES CSS



A continuación os presentamos los cursores que pueden configurarse mediante las CSS. Con este interesante recurso podemos dar más vistosidad a nuestras páginas con muy poca programación.

(CSS) Hojas de estilo en cascada soporta el atributo cursor. Este atributo le permite indicar que cursor es mostradocuando el puntero se situa sobre un elemento de la página (texto, imagen, vínculo, etc). El atributo puede ser aplicado en la totalidad del documento si lo realizamos desde la hohja de estilo del mismo, o elemento por elemento aplicando la siguiente etiqueta,es solo un ejemplo: EJEMPLO DE LA ETIQUETA

<SPAN CLASS="cruz" STYLE="cursor: crosshair">aqui su texto</SPAN>


EJEMPLO DE LA ETIQUETA EN ACCION: (situe su cursor aqui)
Si lo aplicasemos a una imagen la etiqueta sería:

quedando esta de la siguiente forma:
<a href="#"><img src=count.gif STYLE="cursor: crosshair"></a>
A continuación encontrá la lista completa de los cursores soportados por las hojas de estilo (CSS) y su nombre original en inglés, que es el que debemos utilizar. Situando el putero sobre cada uno de ellos vera la correspondencia nombre - cursor:
crosshair default hand
move e-resize ne-resize
nw-resize n-resize se-resize
sw-resize s-resize w-resize
text wait help

 

 

 

bb . N E T    Tel: (+34) 607.66.05.47 Madrid, España.
cbuson@buson.net © 1999, 2002