1 颜色
background-color
2 背景图片
background-image:url(xxx);
常用于logo或超大背景图片(精灵图等),优点是方便控制位置
背景平铺
background-repeat:repect | no -repect
位置
background-position: x y;
小技巧:网上扒图片
首先打开调试工具,单机图片,找到地址再open in new tab,最后图片另存为
背景图像固定(背景附着)
background-attachement : scroll | fixed
最后背景属性也有复合写法,简写方式:
background:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;
背景色半透明:
background : rgba(0,0,0,0.3);
最后一个值是透明度,值在0~1之间