poner - imagen de fondo css pantalla completa
¿Cómo colocar la imagen de fondo en la esquina inferior derecha?(CSS) (4)
¿Has intentado algo como esto?
body {background: url(''[url to your image]'') no-repeat right bottom;}
Tengo una imagen de 500x500 px que se establece como una imagen de fondo en mi sitio web (como imagen de fondo de <body>
) Pero necesito que esta imagen se ubique en la esquina inferior derecha de la página web. ¿Cómo puedo conseguir esto? (mejor con el método css)
Gracias.
Esto debería hacerlo:
<style>
body {
background:url(bg.jpg) fixed no-repeat bottom right;
}
</style>
Voilla:
body {
background-color: #000; /*Default bg, similar to the background''s base color*/
background-image: url("bg.png");
background-position: right bottom; /*Positioning*/
background-repeat: no-repeat; /*Prevent showing multiple background images*/
}
Las propiedades de fondo se pueden combinar juntas, en una propiedad de fondo. Ver también: https://developer.mozilla.org/en/CSS/background-position
para un posicionamiento más exacto:
background-position: bottom 5px right 7px;