CSS background images

CSS

 BACKGROUND FIG size (numerical representation):

  #background-size{

  background-size:200px 100px;

  }

BACKGROUND FIG size (percentage representation):

  #background-size{

  background-size:30% 60%;

  }

BACKGROUND FIG size (geometric picture to fill the expansion element, i.e. cover value):

  #background-size{

  background-size:cover;

  }

BACKGROUND FIG size (to fit the size of the down-scaled picture elements, that contain values):

  #background-size{

  background-size:contain;

  }

BACKGROUND FIG size (image size itself is filled in the element, i.e. auto value):

  #background-size{

  background-size:auto;

  }

 BACKGROUND FIG size (numerical representation):

  #background-size{

  background-size:200px 100px;

  }

BACKGROUND FIG size (percentage representation):

  #background-size{

  background-size:30% 60%;

  }

BACKGROUND FIG size (geometric picture to fill the expansion element, i.e. cover value):

  #background-size{

  background-size:cover;

  }

BACKGROUND FIG size (to fit the size of the down-scaled picture elements, that contain values):

  #background-size{

  background-size:contain;

  }

BACKGROUND FIG size (image size itself is filled in the element, i.e. auto value):

  #background-size{

  background-size:auto;

  }

Guess you like

Origin www.cnblogs.com/alision/p/11140518.html