Background image fill div

CSS make image fill whole background

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;
}

Background image fill div

div {
	background-image: url("example.com/image.png");
    background-repeat: no-repeat;
    background-size: cover;
}

Css fill div with background image

div {
  background-image: url("example.com/image.png");
  background-size: 100% 100%;
}

Similar codes

0 vote341 views2 answers
Css text truncate 2 lines
CSS
2 votes376 views2 answers
Vertical align span tailwindscss
CSS
12 votes345 views2 answers
Can't resolve @emotion/react
CSS
5 votes351 views2 answers
Css make input unselectable
CSS
0 vote367 views1 answer
Css display table row gap
CSS
1 vote339 views1 answer
Import css in thymeleaf
CSS
-1 vote335 views1 answer
Css link underline
CSS
6 votes373 views2 answers
How to add scss to a react app
CSS
-1 vote343 views1 answer
Purge tailwind css
CSS
0 vote411 views0 answer
ArrayShuffle
CSS