Soy bastante nuevo en esto del CSS, hasta hace cuatro días diseñaba mi web utilizando tablas y otro tipo de chapuzas. Y en la transición al CSS, aunque estoy descubriendo auténticas maravillas, me encuentro con algunos obstáculos que no soy capaz de saltar.
Hoy me he atascado con las imágenes de fondo. Tengo un bloque de texto al que he puesto de fondo un color plano, y en el borde izquierdo como fondo una imagen JPG que es un gradiente horizontal. Para poner ese fondo he utilizado este código CSS:
background-color: #ddc;
background-image: url(fondo2.jpg);
background-repeat: repeat-y;
Ha quedado tal y como yo quería, pero ahora quería añadir otro toque visual. Fijaos en
esta página, en la esquina inferior derecha. He conseguido un efecto de vuelta de hoja colocando esta imagen:
Y para ello he usado este código:
background: #b1c3ca url(azul.jpg) bottom right no-repeat;
Bien, la cuestión es que me gustaría añadir esa imagen de fondo en la esquina inferior derecha del bloque de texto que he indicado antes, pero como ya lleva una imagen de fondo en el borde izquierdo, no puedo añadir una nueva imagen de fondo. O al menos no he acertado cómo hacerlo. Alguien conoce el modo de poner más de una imagen de fondo en un mismo bloque de texto? O no es posible?
Muchas gracias por vuestras respuestas.
