Saltar al contenido

cómo hacer que una imagen de fondo cubra toda la página ejemplo de código CSS

Tenemos la mejor respuesta que hemos encontrado en todo internet. Deseamos que te resulte de mucha utilidad y si deseas comentarnos algo que nos pueda ayudar a crecer hazlo con total libertad.

Ejemplo 1: establecer css de pantalla completa de imagen de fondo

#mainBackgroundwidth:100%;height:100%;max-height:100%;margin:0;padding:0;background-image:url("https://images.unsplash.com/photo-1487058792275-0ad4aaf24ca7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80");background-size:100%100%;background-repeat: no-repeat;html, bodyheight:100%;margin:0;padding:0;

Ejemplo 2: centro de portada de imagen de fondo css

htmlbackground:url(images/bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;

Ejemplo 3: CSS hace que la imagen llene todo el fondo

htmlbackground:url(images/bg.jpg) no-repeat 
    center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;

Ejemplo 4: cómo cubrir toda la página web con una imagen de fondo en html

background:url(images/bg.jpg) no-repeat center center fixed;background-size: cover;

Ejemplo 5: cómo cubrir el fondo completo con CSS

"bg">
"images/bg.jpg" alt="">

valoraciones y comentarios

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *