背景图的属性（backgroud）

backgroud：red  url（../img/tupian.png）
1、backgroud-origin（背景图的起始点）
属性值：
          padding-box默认值
          border-box
          content-box

2、backgroud-clip（裁剪）
属性值：
          padding-box
          bordering-box默认值
          content-box

3、backgroud-size：控制背景图大小
属性值：
          
         backgroud-size:30px 30px
         backgroud-size:30% 30%
         cover:背景图等比例放大，直到铺满为止
         contain：背景图只要有一边沾满就停止缩放

4、多背景设置
backgroud：url（img/tupian.png）no-repeat,url(img/rr.png）no-repeat left top;

网页中设置图片方法：
语法：background-image：url(背景图片的路径及全称)

说明：
网页上有俩种图片形式：插入图片、背景图
插入图片：属于网页内容，也就是结构

背景图：属于网页的表现，背景图上可以显示文字、插入图片、表格等

1、background-color：red；
2、网页中图片的展示形式：img标签导入的图片     背景图；

背景图小于屏幕，显示平铺；
背景图默认状态：
a、背景图小于容器尺寸：平铺
b、背景图等于容器的尺寸：整好显示
c、背景图大于容器的尺寸：只显示容器区域

3、控制背景图是否平铺以及平铺状态
background-repeat：

属性值;
        repeat(平铺，默认)
        no-repeat 不平铺
        repeat-x   横向平铺
        repeat-y   纵向平铺
        
4、backgroud-position： 左右位置     上下位置；
例如：background-position：left center；

          background-position：0 100px；

第一个属性值：正值往右    负值往左
第二个属性值：正值往下    负值往上

复合式写法：background：pink   url（img/gf.png） no-repeat   left bottom;(背景色、url、平铺、设置位置)

5、背景图的固定：
background-attachment:;

属性值：
fixed   固定；
scroll  滚动；

具体用法：
body{
background：url（img/gh.png）no-repeat  right  bottom;
background-attachment:fixed;    //图片一致停留在右下角不动
}