animate改变背景颜色_【CSS】4 CSS背景

1、背景颜色

通过background-color属性设置。

background-color

一般情况下背景验色默认值是transparent（透明）。

2、背景图片

背景图片优点是便于控制位置。

通过background-image属性设置

background-image

默认情况下背景图片是none。

3、背景平埔

通过background-repeat属性设置

background-repeat

默认情况下背景图平铺。

同时有背景颜色和背景图时，背景图会压住背景颜色。

4、背景图片位置

通过background-position属性改变图片在背景中的位置

（1）精确单位

background-position

• 第一个值一定是x坐标，第二个值一定是y坐标。
• 如果只有一个值，那就是x坐标，另一个默认垂直居中。

（2）方位名词

（横向：left,center,right；纵向：top,center,bottom）

background-position

默认情况下是left top。

（3）混合单位

background-position

第一个值一定是x坐标，第二个值一定是y坐标。

5、背景图像固定

通过background-attachment属性改变图片在背景中的位置

background-attachment

默认值是scroll滚动的。

6、背景复合写法

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

background

• 各属性之间用空格隔开

7、背景半透明

bacground

• 最后一个参数是alpha透明度，取值范围在0~1之间，值越小越透明。
• 盒子背景色半透明，盒子内容不受影响。