how to set a background image in html which fit to screen

use this select body in CSS and place image in background-image: url("abc.jpg") and use width =100% and heighy = 100%

Hi I hope this will help you out. body, html { height: 100%; } .bg { /* The image used */ background-image: url("img_girl.jpg"); /* Full height */ height: 100%; /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: cover; }