CSS 背景
- 背景颜色
transparent 透明色
- 背景图片
非常便于控制位置(精灵图也是典型应用)
background-image:none|url;
- 背景平铺
background-repeat :repeat|no-repeat|repeat-x|repeat-y
默认情况下背景图片是平铺的
页面元素既可以添加背景颜色也可以添加背景图片,图片会压住颜色
背景图片位置
background-position:x,y;
x,y,指的是坐标,也可以是方位名词和精确单位
- 方位名词
前后顺序无关;只指定一个方位名词,另一个默认居中
- 精确单位
到左侧,到上侧,顺序不能颠倒,写的谁就是谁,省略的不起作用
混合单位有顺序
- 背景图像固定
background-attachment:scroll|fixed;
- 背景复合性写法
background:颜色 地址 平铺 滚动 位置