Propiedad background-size

Declara el tamaño de la imagen de fondo, los valores se pueden especificar en porcentaj, píxeles, o con las palabras clave cover y contain.

cover, escala la imagen hasta que al menos su ancho o su altura igualan las dimensiones del elemento.

@charset "utf-8";

/* CSS Document */

body {

text-align:center;

}

#inicio{

display:block;

width: 500px;

margin: 50px auto;

padding: 15px;

border: 2px solid #000000;

background-image:url(../fondo11.jpg);

background-position:center;

background-size:cover;

}

#titulo{

font: bold 36px verdana, sans-serif;

}

contain, escala la imagen completa hasta llenar el elemento.

@charset "utf-8";

/* CSS Document */

body {

text-align:center;

}

#inicio{

display:block;

width: 500px;

margin: 50px auto;

padding: 15px;

border: 2px solid #000000;

background-image:url(../fondo11.jpg);

background-position:center;

background-size:contain;

}

#titulo{

font: bold 36px verdana, sans-serif;

}

El valor específicado en porcentaje.

@charset "utf-8";

/* CSS Document */

body {

text-align:center;

}

#inicio{

display:block;

width: 500px;

margin: 50px auto;

padding: 15px;

border: 2px solid #000000;

background-image:url(../fondo11.jpg);

background-position:center;

background-size: 75%;

}

#titulo{

font: bold 36px verdana, sans-serif;

}

Y por último el valor específicado en píxeles.

@charset "utf-8";

/* CSS Document */

body {

text-align:center;

}

#inicio{

display:block;

width: 500px;

margin: 50px auto;

padding: 15px;

border: 2px solid #000000;

background-image:url(../fondo11.jpg);

background-position:center;

background-size: 50px;

}

#titulo{

font: bold 36px verdana, sans-serif;

}