My background image is not completely covering the whole page-CodePudding

I have a simple page. And I have an image that I want to place on that page. I would like said image to cover entire page not just 65% of page.

body { background-image: url(images/new5.jpg); background-repeat: no-repeat; }

CodePudding user response：

Try this:

body { 
background-image: url(images/new5.jpg); 
background-repeat: no-repeat;
background-size: 100% 100%;}

The background image will take the full length and width.

CodePudding user response：

try this:

* {
    margin:0px;
    padding:0px;
}

html {
    height:100%;
}

body { 
     background-image: url(images/new5.jpg); 
     background-position:center;
     background-size:cover;
}