Background

Question

In my coding output background is an only one image,but show's multiple images in background.
Please anyone can correct me to get only one image on background.
https://code.sololearn.com/W3P5WxVqXL25/?ref=app

Answer 1

Use CSS property
background-repeat : no-repeat;

Answer 2

If your image size will be smaller than your element it will repeat horizontally and vertically .

If you want that image in background it it's original size you can use
body{
background-repeat:no-repeat;
}
as Vadivelan hads suggested.

If You you want image to cover all area of that element

also add
body{
background-repeat:no-repeat;
background-size:cover;
}

You should also learn about shorthand property of background

https://www.w3schools.com/css/css_background_shorthand.asp

Answer 3

Thanks Divya Mohan , Vadivelan