HTML background picture size control

Background image size (numeric representation):

#background-size{

background-size:200px 100px;

}

Background map size (percent representation):

#background-size{

background-size:30% 60%;

}

The size of the background map (equal to the image to fill the element, i.e. the cover value):

#background-size{

Background-size:cover;

}

The size of the background map (equal to the size of the element, i.e. the contain value):

#background-size{

Background-size:contain;

}

The size of the background map, which fills the element with the size of the picture itself, the auto value:

#background-size{

Background-size:auto;

}

HTML background picture size control