css3背景

发布时间：2018-12-06 10:34:03 修改时间：2018-12-06 10:34:03 阅读：6317 评论：0 0

背景尺寸：
                我们可以为一个div 设置背景，
                1：假设我的背景图片的大小超过了盒子的大小.
                我们显示的背景不全面
                我们这个时候可以设置背景的大小与盒子的大小一致.
                但是我们不能做到盒子变大，背景变大
                background-size:contain  cover
                     contain: 背景图片始终完全显示，等比例缩放.
                     cover:  也会缩放，背景始终填充整个区域

        背景原点:
                background-origin:  可以设置背景图片的位置.
                background-origin:border-box,padding-box,content-box;

                      border-box   背景的原点在border 上面
                      padding-box  背景的原点在内边距上面
                      content-box   背景的远在content 内容区域

        背景裁剪：
                 background-clip:   border-box,padding-box,content-box;
        多重背景：
              url("images/bg1.png") left top no-repeat,
              url("images/bg2.png") right top no-repeat,
              url("images/bg3.png") right bottom no-repeat,
              url("images/bg4.png") left bottom no-repeat,
              url("images/bg5.png") center center no-repeat;

---