Trucos del CSS de la diversión que puedes utilizar

| by Dan Grossman | January 17, 2002
El CSS o las hojas de conexión en cascada del estilo permite que pongas algunos efectos en ejecución aseados sobre tus Web pages fácilmente. Puedes poner estos efectos del CSS en ejecución sobre tu sitio simplemente copiando y pegando el código.

ACOPLAMIENTOS DEL TEXTO DEL COLOR DEL ROLLOVER

Tener tu color del cambio de los acoplamientos del texto cuando el ratón pasa sobre ellos insertando este código en el JEFE de tu documento:¡>< del " texto/css " del type= del <style! --A: libración {color: rojo}--></style>

ACOPLAMIENTOS SIN RAYA

Quitar la raya de lo que sea de los acoplamientos en tu página poniendo esto en el JEFE de tu documento:¡>< del " texto/css " del type= del <style! --A: acoplamiento {texto-decoración: ningunos} A: visitado {texto-decoración: ningunos}--></style>

O, quitar los acoplamientos individuales de la forma de la raya formándolos como esto:texto-decoración del style= " de " page.html del href= " del <a: ningunos " >link</a>

ACOPLAMIENTOS CON UNA LÍNEA SOBRE Y DEBAJO DE ELLOS

Ésta es una mirada interesante que trabaja especialmente bien mientras que una cualidad de la libración para tus acoplamientos, pero se puede también aplicar a todos tus acoplamientos. Demostrará la raya normal y una línea sobre el acoplamiento:¡>< del " texto/css " del type= del <style! --A: libración {texto-decoración: raya del overline}--></style>

TEXTO DESTACADO

Texto importante del toque de luz en tu página o palabras que deseas estar parado hacia fuera, fácilmente:fondo-color del style= <span ": el amarillo " >highlighted text</span>

Intentar agregarlo a tu libración del acoplamiento para un efecto aseado:¡>< del " texto/css " del type= del <style! --A: libración {fondo-color: naranja}--></style>

IMAGEN DE FONDO QUE ISNT EMBALDOSÓ

Esto creará una imagen de fondo que no repita:¡>< del " texto/css " del type= del <style! --CUERPO {fondo: el URL del #ffffff (bg.gif) ninguno-repite}--></style>

Puedes también centrarlo, no obstante será centrado como el fondo del documento entero, no centrado en el screenful:¡>< del " texto/css " del type= del <style! --CUERPO {fondo: el URL del #ffffff (bg.gif) ninguno-repite el centro}--></style>

Article Source: http://www.articleset.com



About the Author

Dan Grossman runs http://www.websitegoodies.com where you can find over 250 hand-picked resources, articles, and tools! Dan also publishes the free weekly "WebDevPortal" newsletter for website owners! Subscribe today and get articles like this every week: subscribe@websitegoodies.com?subject=article-subscribe » Read more articles by Dan Grossman
You are welcome to publish or reprint this article free of charge, provided: