CSS的背景——颜色，图片，背景图片位置，

1 颜色——代码展示

<style>
            div {
                width: 200px;
                height: 200px;
                background-color: pink;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>

2

 <style>
            div {
                width: 300px;
                height: 300px;
                background-image: url(7.jpg);
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>

 代码展示

<title></title>
        <style>
            div {
                width: 300px;
                height: 300px;
                background-image: url(7.jpg);
                background-repeat: no-repeat;
                /* 沿着x轴平铺 */
                background-repeat: repeat-x;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>

 

 <style>
            div {
                width: 600px;
                height: 300px;
                background-image: url(9.jpg);
                background-repeat: no-repeat;
                background-color: red;
                /* 沿着x轴平铺 */
                /* background-repeat: repeat-x; */
                background-position: right center;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>

版权声明：本文为m0_67545415原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。