Imágenes de fondo “background-image” CSS

La propiedad CSS background-image se usa para insertar una imagen de fondo.

body {
background-color: #FFCC66;
background-image: url(“butterfly.gif”);
}

h1 {
color: #990000;
background-color: #FC9804;
}

Los damascos se ven mucho como web Fondo, en “La Galería de inspiración” hay una colección muy buena. En la Sección Varios fondos de pantalla del heno Tipos de descargar el párrafo patrones. Ver en Inspiración galería

 

Repetir la imagen de fondo [background-repeat]

En el ejemplo anterior, ¿te fijaste en que, por defecto, la mariposa se repetía tanto en el eje horizontal como en el vertical para ocupar toda la pantalla? La propiedad background-repeat controla este comportamiento.

La tabla siguiente resume los cuatro valores diferentes para la propiedad background-repeat.

Valor y Descripción:
Background-repeat: repeat-x    La imagen se repite en el eje horizontal
background-repeat: repeat-y    La imagen se repite en el eje vertical
background-repeat: repeat    La imagen se repite en el eje horizontal y vertical
background-repeat: no-repeat    La imagen no se repite
Por ejemplo, para evitar que se repita un imagen de fondo, el código que tendríamos que usar sería el siguiente:

body {
background-color: #FFCC66;
background-image: url(“butterfly.gif”);
background-repeat: no-repeat;
}

h1 {
color: #990000;
background-color: #FC9804;
}

Anuncios

Navegación en la entrada única

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: