/CSS/How to change the width of a background image in css

How to change the width of a background image in css

Background image size css

#example1 {
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

#example2 {
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: 300px 100px;
}

How to change the width of a background image in css

#example1 {		/* Example1 has an auto background size */
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

#example2 {		/* Example2 has an fixed background size */
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: 300px 100px;
}

Background image height and width

.class{
	background: url("../images/icons/map.png") no-repeat center center/50px 50px fixed;
}

Similar codes

0 vote281 views1 answer
Line sharpness css
CSS
0 vote263 views2 answers
How to add a selection in css
CSS
0 vote261 views1 answer
Css change the accordion arrow color
CSS
0 vote253 views1 answer
Label for centered image
CSS
57 votes299 views3 answers
How to round the corners of a div outline in css
CSS
0 vote259 views1 answer
Hide title wordpress
CSS
3 votes253 views1 answer
Css how to make text not break
CSS
3 votes246 views1 answer
Css first td
CSS
0 vote251 views1 answer
All the divs from inside of another div css
CSS
-2 votes275 views1 answer
How to add pseudo class in html
CSS