背景图的设计与修改:
1)添加背景图:background-img:url(图片地址) 默认平铺整个盒子
2)修改背景图是否平铺整个页面:background-repeat:no-repeat / repeat / repeat-x / repeat-y
on-repeat :不平铺
repeat : 平铺,为默认选项
repeat-x: 在x轴上平铺(水平方向上平铺)
repeat-y: 在y轴上平铺(在垂直方向上平铺)
3)背景图像位置: background-position : left top(0,0) 等(其中只写一个关键字,另一个不写则默认居中,只写一个数字表示在水平方向,垂直方向上为居中)
4)背景图的缩放:background-size:contain / cover / 百分比形式
cover:当背景图的长度和盒子长度相同时停止,和 100% 的结果相同
contain : 当背景图的宽度和盒子相同时停止
5)背景图片的固定: background-attachment:fixed