史努比拼图 练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>史努比拼图</title>
    <style type="text/css">
        .box{
            width:604px;
            height:454px;
            margin:0 auto;
            border:5px solid #aaa;
        }
        .one{
            width:604px;
            height:227px;
            background-image:url(../images/01.jpg),url(../images/02.jpg),url(../images/03.jpg);
            background-repeat:no-repeat;
            background-position: left,center,right;
        }
        .two{
            width:604px;
            height:227px;
            background-image:url(../images/04.jpg),url(../images/05.jpg),url(../images/06.jpg);
            background-repeat:no-repeat;
            background-position: left,center,right;
        }
        </style>
        
</head>
<body>
    <div class="box">
        <div class="one"></div>
        <div class="two"></div>
    </div>
</body>
</html>

云盘下载

点赞

发表评论