/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

2 votes239 views1 answer
Bootstrap class="mb-3"
CSS
48 votes272 views6 answers
Media query min and max
CSS
0 vote240 views1 answer
Combine binary numbers
CSS
0 vote242 views1 answer
Div with no content have a width/height
CSS
-1 vote234 views2 answers
Css clip-path
CSS
0 vote247 views2 answers
Materialize css
CSS Materialize
19 votes239 views4 answers
Add blur background css
CSS
0 vote234 views1 answer
Can a div change an item in another div css
CSS
0 vote250 views1 answer
All heading tags selector scss
CSS
18 votes195 views2 answers
Hover transition css
CSS