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来调整图像的尺寸