2019-04-22

 background-image:url(路径);引入背景图片
        background-repeat:  背景重复
           取值:
              no-repeat  不重复
              repeat-x   在x轴方向重复
              repeat-y   在y轴方向重复
              repeat     默认值 重复
       
       background-size:  背景图片的大小

           取值:
               value1(宽度)   value2(高)
               value1%(宽度)   value2%(高)
               cover  覆盖  将背景图片等比例缩放直到背景图片能覆盖元素的所有区域
               contain 包含 将背景图片等比例缩放,直到背景图片碰到右边或下边的时候停止缩放

      background-attachment: 背景图片固定
              取值:
                  scroll    默认值,会随着文档的滚动而滚动   
                  fixed    背景图片固定,不会随着文档的滚动而滚动

你可能感兴趣的:(2019-04-22)