12：多背景设置

liu1992452008

于 2017-07-18 18:44:01 发布

阅读量139

点赞数

本文链接：https://blog.csdn.net/liu1992452008/article/details/75316671

版权

***相应效果

***相关图片

***相关代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /*多背景：1：设置多张图片在同一个盒子中 2：图片不重复 3：规定图片的显示位置        */
        
        .box {
            width: 300px;
            height: 140px;
            border: 1px solid #999;
            background-image: url(images/img4.jpg), url(images/img5.jpg), url(images/img6.jpg);
            background-position: left top, 100px 0, 200px 0;
            background-repeat: no-repeat;
        }
    </style>
</head>

<body>
    <div class="box"></div>
</body>

</html>