CSS背景

background-image:添加背景图片

#example1 { 
    background-image: url(img_flwr.gif), url(paper.gif);     //路径,背景图可以是多个
    background-position: right bottom, left top;           //背景图的定位
    background-repeat: no-repeat, repeat;               //是否重复
}

  background-size:背景图的大小

  • length:设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
  • percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
  • cover:此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小
    • 填充满
  • contain:此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小
    • 等比缩放

  background-Origin:指定了背景图像的位置区域

原文地址:https://www.cnblogs.com/tyblwmbs/p/10700178.html