Color degradado en tabla

[LeroyBrown]

Hola, estoy empezando en esto del html y supongo que mi pregunta es bastante fácil para los expertos. Quisiera saber como hacer un fondo con color degradado.
Tengo este código:

<TD style="BACKGROUND-COLOR: #ccffff">

Me rellena una tabla con un color pero quiero que se vaya degradando por ejemplo al blanco según va hacia la derecha. ¿Como puedo hacerlo?
Muchas gracias y un saludo.

[aloqui]

Primero necesitas tener una imagen que tenga dicho degradado.
Para un degradado de izquierda a derecha es suficiente con una imagen de un pixel de altura, porque luego con la propiedad "repeat-y" vas a conseguir que se muestre en toda la altura de la celda.
Debes usar algo como lo siguiente:

Código:

<td style="background: #ccffff url(../pic/background.jpg) repeat-y;">

El color de fondo lo puedes mantener por si la celda fuera más ancha que la imágen. Dicho color conviene que sea el de la parte derecha del degradado para que estéticamente quede mejor.

[LeroyBrown]

Antetodo gracias por responder, pero ¿no puede hacerse sin una imagen tal como lo tengo ahora?.

[aloqui]

Yo creo que no, aunque no estoy seguro al 100% porque quizá hayan añadido algo para eso en los últimos estandares del CSS. Mejor pregunta sobre eso en el subforo de CSS

[LeroyBrown]

Lo haré; gracias por responder.
Un saludo.

[daPhyre]

Ya decía que se me hacía familiar. Por cierto, aloqui, creo que te equivocaste, para hacerlo de izquierda a derecha es con repeat-x, no con repeat-y. Y para información general, aun no se puede hacer con CSS, la solución sigue siendo la imagen. Gracias por enviarlo para allá donde ya lo ayudamos

[aloqui]

Iniciado por daPhyre

Por cierto, aloqui, creo que te equivocaste, para hacerlo de izquierda a derecha es con repeat-x, no con repeat-y.

Pues siento contradecirte, pero si tienes una imagen de un pixel de alto y quieres que se expanda a todo lo alto del "container" debes poner repeat-y

Por cierto, tu avatar no se muestra.

[daPhyre]

Iniciado por aloqui

Pues siento contradecirte, pero si tienes una imagen de un pixel de alto y quieres que se expanda a todo lo alto del "container" debes poner repeat-y

Por cierto, tu avatar no se muestra.

Cierto, pero si es un degradado de un pixel de altura, ¿No debería mostrarse de arriba a abajo? Eso es lo que se hace con repeat-y, y en el post original dijiste específicamente "de izquierda a derecha"... Ya me es un poco confuso...

PD: Mi avatar si se muestra, velo con detalle

[aloqui]

A ver: quiere una imagen degradada de izquierda a derecha; por ejemplo negro a la izquierda y blanco a la derecha. Para eso se suele hacer una imagen de un 1 pixel de alto con esas caracteristicas, luego con "repeat-y" se instruye al navegador para que lo expanda verticalmente y el resultado es que toda la celda (al menos el ancho de la imagen generada) es negra a la izquierda y blanca a la derecha.
¿ Se entiende mejor ahora ?

[daPhyre]

Ok, gigatesco error mio por saltarme una linea en la petición (¿La más importante? )

Tienes mucha razón, disculpa