background 复合属性
background-color 设置背景颜色
如何设置颜色可见:颜色的表示方式
background-image 用于设置背景图片 使用url()函数制定图片地址 (当背景图片和背景颜色同时出现时,背景图片会把背景颜色覆盖掉)
background-repeat 控制背景图片是否平铺,其值:repeat(平铺) no-repeat(不平铺) repeat-x(只横向平铺) repeat-y(只纵向平铺)
初始默认值为repeat
background-size 控制背景图片的大小 cover(把所在容器铺满)
background-position 控制背景图片位置
例: background-position:30px 90px;
background-position:center center;(居中显示,两个都是center时可以删除一个)
background-attachment:fixed 控制背景图片不随浏览器的滚动而滚动
/*示例*/
div{
width:800px;
height:900px;
background-color:yellow;
background-image:url("../img/图片.jpg");
background-repeat:no-repeat;
background-size:300px;
background-position:center;
background-attachment:fixed;
}