1.背景颜色:一般情况下背景颜色看不见,可以通过background-color设置颜色。
2.背景图片:(插入图片位置比较难调,一般使用背景图片)通过 background-image: url(图片地址); 设置背景图片,背景图片默认平铺。
设置背景平铺:background-repeat: repeat(平铺)|no-repeat(不平铺)|repeat-x(沿x轴平铺)|repeat-y(沿y轴平铺);
3.背景图片位置:background-position:x y ;x坐标和y坐标,可以使用方位名词(top|center|bottom|left|right)或者精确单位
(1)参数是方位名词
1、则两个值的前后顺序无关例:left top和top left效果等价
2、如果只指定了一个方位名词,另一个值省略,则第二个值默认居中对齐
(2)参数是精确单位
1、参数值是精确坐标,第一个肯定是x坐标,第二个一定是y坐标(即前后顺序有影响)
2、如果只指定一个值,则为x坐标,另一个是垂直居中的。
(3)混合单位:如果指定的两个值是精确单位和方位名词混合使用,则第一个值是x坐标,第二个值是y坐标
4.背景图像固定:background-attachment:scroll | fixed 属性设置背景图像是否固定或者随着页面的其余部分滚动。默认是scroll背景图像随对象内容滚动的,可以设置为fixed背景图像固定
5.背景色半透明:background:rgba(0,0,0,0.3);前三个数值分别对应rgb值,最后一个是alpha透明度,取值范围在0~1之间
更多推荐
Web基础(从零开始)——CSS背景设置(颜色,图片,位置,背景图像固定)
发布评论