2.背景图片(background-image)

属性值:none(没有)或url(利用绝对或相对地址指定背景图像)

优点:非常便于掌握位置(精灵图也是一种利用场景)

3.背景平铺(background-repeat)

属性值:repeat|no-repeat|repeat-x|repeat-y

背景图片会压住背景颜色

4.背景图片位置(background-position)

background-position:x y;x坐标和y坐标可利用方位名词或精确单位方位名词a. x可为left | center | right ,y可为top | center | bottomb. top left 和 left top 效果同等(与顺序无关)c. 若只指定一个方位名词,另一个值忽略,则第二个值默认为居中对齐精确单位a.先x坐标后y坐标b.若只指定一个值,则为x,另一个值为垂直居中稠浊单位:若稠浊利用,第一个值为水平x,第二个值为垂直y5.背景图片固定(background-attachment)

属性值:scroll(随内容滚动)| fixed(背景固定)

htmlcss背景CSS基本常识七CSS配景 Angular

6.背景复合写法(background)

background:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置7.背景色半透明(CSS3供应了背景颜色半透明的效果)background:rgba(0,0,0,.3);red green blue alpha(透明度 范围0~1)习气把0.3的0省却背景半透明是指盒子背景半透明,盒子里面的内容不受影响