Propiedad background-repeat

Determina cómo una imagen de fondo será distribuida usando cuatro palabras claves repeat, repeat-x, repeat-y y no-repeat.

La palabra clave repeat repetirá la imagen horizontal y verticalmente.

@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: 100px;

background-repeat:repeat;

}

#titulo{

font: bold 36px verdana, sans-serif;

}

La palabra clave repeat-x repetirá la imagen en el eje horizontal.

@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: 100px;

background-repeat:repeat-x;

}

#titulo{

font: bold 36px verdana, sans-serif;

}

La palabra clave repeat-y repetirá la imagen en el eje vertical.

@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: 100px;

background-repeat:repeat-y;

}

#titulo{

font: bold 36px verdana, sans-serif;

}

La palabra clave no-repeat mostrará la imagen de fondo solo una vez.

@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: 100px;

background-repeat:no-repeat;

}

#titulo{

font: bold 36px verdana, sans-serif;

}