| Sintaxis: | background-repeat: |
|---|---|
| Valores posibles: | repeat | repeat-x | repeat-y | no-repeat |
| Valor inicial: | repeat |
La propiedad background-repeat determina como se repite la background image (imagen de fondo) especificada. El valor repeat-x repetirá la imagen horizontalmente mientras que el valor repeat-y repetirá la imagen verticalmente. Por ejemplo:
BODY { background: url(fbody.jpg) #ffffff repeat-x ;}
en este ejemplo: Se repetira la imagen en forma Horizontal y resto de la pagina sera pintada
con el color blanco especificado(#ffffff) despues de la url
Éste tutorial tiene como objetivo, explicar cómo centrar todo el diseño de una web horizontalmente.
Nota: Para éste tutorial necesitas tener previos conocimientos sobre XHTML y CSS.
Crearemos un div con el id wrap alrededor de todo el contenido de la página. Recuerde que puede cambiar el id por cualquier otro nombre que ústed desee, o le parezca conveniente.
Tendriamos algo como ésto.
CSS
Para que el #wrap centre el contenido utilizaremos CSS.
Utilizaremos margenes automáticos para centrar el div, y recuerde que éste debe tener un tamaño, ya sea en pixeles, em o porcentajes.#wrap { margin:0 auto 0 auto; width:390px; }
Éste código deberá funcionar en los browsers actuales que sigan las recomendaciones estándar de la W3C. Pero, IE 6 y anteriores, no reconoce éste código, por lo que tendremos que recurrir a un hack, utilizaremos text-align:center; para ésto. Éste error será corregido en el IE7.body { text-align:center; }puedes ver el tutorial completo en
