Background image no repeat fill

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

Source: css-tricks.com

Fill and no repeat background image css

/* with CSS 3 */
#yourdiv {  
    background: url('bgimage.jpg') no-repeat;
    background-size: 100%;
}

Source: stackoverflow.com

Similar codes

1 vote394 views1 answer
Css animate background image
CSS
0 vote311 views1 answer
How to remove link line in css
CSS
0 vote352 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
17 votes312 views1 answer
Css flex center horizontally and vertically
CSS
0 vote346 views1 answer
Css line-through with words
CSS
-1 vote357 views1 answer
Neomorphic box
CSS
0 vote323 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
0 vote344 views1 answer
How to fix overflow elementor
CSS
36 votes374 views6 answers
Gradient text
CSS
0 vote341 views2 answers
Webkit box shadow not working
CSS