CSS的背景（background属性）
背景的作用
css背景图片和插入图片的区别
为css背景属性给页面添加背景样式
1背景颜色
background-color:
2背景图片
Background-img:url();
有图片设置背景颜色无效
3背景平铺
background-repeat
| 值 | 描述 |
|---|---|
| repeat | 默认，平铺 |
| no-repeat | 不平铺 |
| repeat-x | 水平平铺 |
| repeat-y | 垂直平铺 |
4背景位置（重点）
position
| 参数 | 值 |
|---|---|
| length | 百分数浮点数字和单位标识符组成的长度值 |
| position | top| center|bottom|left|right| |
例子
background-position:left top;
background-position:right bottom;
/*使用方位名词没有顺序关系
如果只指定一个方位名词，则另一个默认居中
*/
如果使用数值则为x坐标
background-position:10px
如果指定的两个值混用，则第一个值为x 第二个值为y
5背景附着
说明背景是滚动还是固定的
background-attachment
| 参数 | 解释 |
|---|---|
| fixed | 固定 |
| scrool | 随对象滚动 ，默认 |
6背景综合 background
background：属性值书写顺序官方没有强制标准
推荐写法：背景颜色 背景图片地址 背景平铺 背景滚动 背景位置
扫描二维码关注公众号，回复：
12423281 查看本文章
7背景透明
Background:rgba(r,g,b,a);