background abreviado

Usando la propiedad abreviada background y sus valores crearemos un fondo.

Cuando los valores de posición y tamaño son declarados juntos debemos separarlos con una barra inclinada.

Los valores declarados corresponden al color, la imagen, la posición y el tamaño de la imagen de fondo, en ese orden.

Los valores no-repeat, scroll y border-box al final corresponde a los valores para las propiedades asociadas background-repeat, background-attachment y background-origin.

Algunos valores pueden ser intercambiados y en algunos casos podemos usar la propiedad background para declarar solo algunos de ellos.

@charset "utf-8";

/* CSS Document */

body {

text-align:center;

}

#inicio{

display:block;

width: 500px;

margin: 50px auto;

padding: 15px;

border: 2px solid #000000;

background: #C12D30 url(../fondo11.jpg) 10px 10px / 510px 55px no-repeat scroll border-box;

}

#titulo{

font: bold 36px verdana, sans-serif;

}