前端学习02-background背景

1、背景颜色：background-color:颜色名称/十六进制值/RGB 值

background-color: #fff;

2、背景图片：background-image

background-image: url("img/a.jpg");

3、背景平铺 ：background-repeat：repeat/no-repeat/repeat-x/repeat-y

/*背景不平铺*/
background-repeat: no-repeat;
/*垂直重复图像*/
background-repeat: repeat-y;
/*水平重复图像*/
background-repeat: repeat-x;

4、背景位置：background-position

 5、背景固定：background-attachment:scroll/fixed

/*背景图像固定（默认为滚动） scroll[背景滚动] fixed[背景固定]*/
background-attachment: fixed;

6、背景复合写法

当使用简写属性时，一般没有特定书写顺序，一般习惯约定顺序为：

background:背景颜色 背景图片地址 背景平铺 背景图片滚动 背景图片位置；

 7、背景颜色透明

/*rgba 后面必须是4个值*/
background: rgba(0,0,0,0.6);