一,CSS的背景属性 1.背景颜色 background–color:颜色值; 默认的值:transparent(透明的)。
2.背景图片 background-image(背景图片 ): none或url() 括号里为图片地址 适用于装饰性小图片或logo或超大的背景图片 优点:比插入图片更便于控制位置 如
3.背景平铺 background-repeat(背景平铺):repeat/no-repeat/repeat-x(x轴平铺)/repeat-y(默认情况下背景图片是平铺的) 如
x轴平铺
y轴平铺
页面元素既可以添加背景颜色也可以添加背景图片,只不过背景图片会压住背景颜色
4.背景图片位置 background-position:x y; 参数代表的意思是:x坐标和y坐标。可以使用方位名词或者精确单位 position: top/center/bottom/left/right 1.参数为方位名 词 如果指定的两个值 都是方位名词,则两个值前后顺序无关,比如left top和top left效果一致 如果只指定了一个方位名词,另一个值省略,则第二个值默认居中对齐 2. 参数是精确单位 那么第一个一定为x坐标,第二个一定为y坐标 如果只指定一个数值,那该数值一定为x坐标,另一个默认垂直居中 如:20px center 3.参数是混合单位 精确单位和方位名词混合使用,那么第一个肯定为x坐标,第二个一定为y坐标
5.背景图像固定(背景附着) background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动(后期可以制作视差滚定的效果) background-attachment:scroll/fixed
6.背景属性的复合写法(习惯顺序) background:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置
7. 背景色半透明 background:rgba(0,0,0,0.3);a~alpha(透明度),取值范围在0~1之间 0.3也可以写成.3
背景盒子 半透明,盒子里的内容不受影响