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

0 vote210 views1 answer
Css add shade over background image
CSS
2 votes194 views1 answer
Css transition syntax
CSS
8 votes190 views2 answers
Horizontal align icon css
CSS
0 vote271 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
37 votes202 views6 answers
Add gradient to text css
CSS
0 vote196 views1 answer
Opposite of :not css
CSS
0 vote220 views1 answer
React use global css
CSS
0 vote263 views1 answer
Css beutify scroller
CSS
0 vote188 views1 answer
Mac input shadow
CSS
0 vote184 views1 answer
How to use the display property
CSS