CSS——设置背景

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>CSS</title>
        <style type="text/css">
            #style1 {
                font-family: "微软雅黑";
                position: absolute;
                left: 340px;
                top: 123px;
                width: 98px;
                height: 90px;
                background-color: aliceblue;
            }

            #style2 {
                font-family: "微软雅黑";
                position: absolute;
                left: 540px;
                top: 223px;
                width: 234px;
                height: 317px;
                background-image: url(img/1511498485601.jpeg);
            }
        </style>
    </head>

    <body bgcolor="aquamarine">

        <div id="style1">

            床前明月光，<br> 疑是地上霜。
            <br> 举头望明月，
            <br> 低头思故乡。

        </div>
        <div id="style2">

        </div>

    </body>

</html>

width和height用来控制选区的大小；left、right、top用来控制选区在页面中的位置；background-color: 用来设置背景颜色；background-image:用来设置背景图片。