css的背景设置
1、用background-color设置背景色
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
body{
background-color: red;
}
</style>
</head>
<body>
<h1>啊，巨人</h1>
<P>白骨终将化为沙土，却生生不息</P>
<p>alan被生生的逼进了浴缸</p>
</body>
</html>
2、用background-image来设置背景图
可以设置多张背景图，设置多张背景图时，前边的图像会覆盖后边的图像。同时设置背景颜色和背景图的情况下，浏览器会使用背景图像去覆盖背景颜色。
可以使用background-repeat来设置图像是否重复，可选的值如下：
repeat:（默认）水平和垂直方向同时重复图像，图像可能被裁剪。
repeat-x:水平方向重复图像，图像可能被裁剪。
repeat-y:垂直方向重复图像，图像可能被裁剪。
space：水平或垂直方向重复图像，通过调整图像之间的间距，确保图像不被裁剪。
round：水平或垂直方向重复图像，通过调整图像的大小，确保图像不会被裁剪。
no-repeadt：禁止重复图像。
3、background-position来调整图像左上角的的位置
4、background-size来调整图像的尺寸
相关属性的值如下：
auto：背景图像按原始尺寸显示。
x y：设置图像的宽度和高度
x% y%：设置图像的高度和宽度分别占父元素的百分比。
cover：调整图像的尺寸以覆盖整个容器，有时候他会导致图像被拉伸或裁剪。
contain：调整图像以确保能够百分之百被显示完整。
5、用background-attachment来调整图像的附着方式。
6、
7、background-origin
指定元素背景图像开始绘制的位置
8、background-clip
指定图像的显示区域
9、background的这些属性可以合并到一起写。