CSS:background-image

background-image:URL | none

1.默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复

        div{
            width:1000px;
            height:800px;
            background-image: url(1.jpg);
        }/*.默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复*/

2.元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边框

        div{
        width:300px;
        padding:20px;
        border:1px solid gray;
        margin:20px;
      }/*最终div宽度342是,不包括外边框mairgin*/

背景图片重复：background-repeat 是设置背景图片的重复方式

• 1.repeat是默认的重复，全部重复
• 2.no-repeat是不重复
• 3.repeat-x是水平重复
  4.repeat-y是垂直重复

背景图片显示方式-background-attachment：

1. 设置元素的背景图片的显示方式background-attachment：scroll：默认值，背景图片随滚动条滚动；
2. 设置元素的背景图片的显示方式background-attachment：fixed：当页面的其余部分滚动时，背景图片不会移动
3. 所有主流浏览器都支持 background-attachment 属性。

本作品采用《CC 协议》，转载必须注明作者和本文链接