background-image: url("ruta_de_imagen");
De manera predeterminada, la imagen se repite hasta cubrir todo el fondo del elemento.
veamos un ejemplo:
la imagen anterior corresponde a un div al que se le ha aplicado una imagen de fondo, (he puesto un borde fino para mostrar los limites del div). Es conveniente, indicar siempre un color de fondo ya que si la imagen no estuviera disponible se mostraría el color de fondo.
Junto a background-image tenemos otras propiedades básicas que configuran detalles como repetición de fondo con background-repeat o posición del fondo con background-position, background-attachment y la implementación CSS3 nos ha traído nuevas propiedades como background-size, background-origin o background-clip, de todos modos como en la mayoría (sino todas) de las propiedades CSS, se permite una forma abreviada para configurar en una sola línea todos estos parámetros, por medio de la propiedad background, a secas.
Espero que les haya sido de utilidad...
Hasta la próxima!!!
 |
| Background-image: {url('ruta_de_imagen/nuestra_imagen.png'); |
Junto a background-image tenemos otras propiedades básicas que configuran detalles como repetición de fondo con background-repeat o posición del fondo con background-position, background-attachment y la implementación CSS3 nos ha traído nuevas propiedades como background-size, background-origin o background-clip, de todos modos como en la mayoría (sino todas) de las propiedades CSS, se permite una forma abreviada para configurar en una sola línea todos estos parámetros, por medio de la propiedad background, a secas.
Espero que les haya sido de utilidad...
Hasta la próxima!!!
No hay comentarios:
Publicar un comentario