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;
}
