背景图片的使用

背景
1.背景颜色
   background-color: red; 

颜色可以设置成十六进制 或者 rgb 或者 rgba(a为透明度)
2.背景图片
background-image:url(图片路径)

3.背景平铺
background-repeat:背景平铺

3.1repeat 平铺 默认
3.2no-repeat 不平铺
3.3repeat-x 水平平铺
3.4repeat-y 垂直平铺

4.背景是否滚动
background-attachment: 背景是否滚动

1.scroll 默认值 图片跟随盒子一起滚动
2.fixed  图片不跟随盒子一起滚动

5.背景位置
background-position：背景位置

6.背景的简写
background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置
如：background: #fff url() no-repeat scroll center center;
7.img 和背景图片的区别
img不需要专门写宽高就能够显示在页面上
而背景图片默认是撑不开容器的 需要专门写宽高
一般产品插入图都推荐使用img  而一些小的icon 或者很少更新的图片 再或者超大的图片推荐使用背景图
而且背景图可以让内部的文字盖在上面，但是img不行（除非后期用定位）