Как покрыть полное изображение в CSS
body {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
abdullah
body {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#example1 {
background: url(mountain.jpg);
background-repeat: no-repeat;
background-size: auto;
}
#example2 {
background: url(mountain.jpg);
background-repeat: no-repeat;
background-size: 300px 100px;
}
Background Size is Responsible for Setting a Background picutre in a given
Contaiener in which you apply that special Background
/* This will make width as static and height as auto */
/* These three are quite same */
background-size: 100vw auto;
background-size: 100%;
background-size: cover;
/* for getting full width and height every time */
background-size: 100vw 100vh;
/* One way */
background-size: cover;
/* Other option */
background-size: contain;