背景属性:背景颜色,背景图片,背景平铺,背景图片位置,背景图像固定。
背景颜色:background-color
背景图片:background-image:url()。(常用于logo或者装饰性小图片或者超大背景图片,优点便于控制位置)。
背景平铺:background-repeat:no-repeat(不平铺) / repeat-x(横向平铺) / repeat-y(纵向平铺)
背景图片位置:background-position:x y;
x坐标和y坐标。可以使用方位名词或者精确单位。
参数值 | 说明 |
length | 百分数 | 由浮点数字和单位标识符组成的长度值 |
position | top , center , bottom , left , right. |
①参数是方位名词
如果两个值都是方位名词,则两个值前后顺序无关。
如果指定了一个方位名词,另一个值省略,则第二个值默认居中对齐。
②参数是精确单位
如果是精确单位,第一个必须是x坐标,第二个必须是y坐标。
如果只指定一个数值,那么该数值一定是x坐标,且另一个是默认垂直居中的。
③参数是混合单位
指定的两个值是精确单位和方位名词混合使用,则第一个值是x坐标,第二个值是y坐标。
背景图像固定(背景附着):background-attachment:scroll (背景滚动)fixed(背景固定)。
背景颜色半透明:background:rgba(0,0,0,0~1)
最后一个参数是alpha透明度,取值范围在0~1之间。
背景符合写法:将属性合并简写在同一个属性background中
一般习惯约定顺序为:background:颜色,地址,平铺,滚动,位置。