CSS的背景（background属性）

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：属性值书写顺序官方没有强制标准

推荐写法：背景颜色 背景图片地址 背景平铺 背景滚动 背景位置

7背景透明

Background:rgba(r,g,b,a);