viernes, marzo 16, 2007

Google
 

Cajas / Tablas con degradado css


Como podeis observar en muchas webs, vemos cajas o tablas que poseen un titulo con un degradado, una forma de hacerlo seria poner en el <td style=background-image:(url al la imagen).., pero si el degradado no es muy complicado(como el degradado radial), podemos utilizar solo un trozo que se repitara ocupando todo el ancho (en la imagen el trozo gris puede crear el degradado del titulo), este sistema posee además la ventaja de que si en un determinado momento el contenido crece ,haciendo la caja mas grande, podria hacer que nuestra imagen se duplicara al no ser lo suficientemente grande.
Por ello lo mejor es usar un trozito y poner bien en una hoja de estilo, bien dentro del style de la td style=background-image:(url al la imagen); background-repeat:repeat-x; esto hará que la imagen se repita tantas veces como sea necesario, ocupando todo la caja, y ademas al ser una imagen tan pequeña mejoras los tiempos de carga de la pagina.

Etiquetas: , , ,

0 Comentarios:

Publicar un comentario en la entrada

Enlaces de este post:

Crear un enlace

<< Home