第二次作业

最新推荐文章于 2024-08-22 09:26:51 发布
最新推荐文章于 2024-08-22 09:26:51 发布
阅读量277 收藏
点赞数 3
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_81882420/article/details/139634282
版权

作业1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业1</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }

        div{
            width: 1500px;
            height: 50px;
            text-align: center;
            background-color: rgb(69, 51, 51);
            border-radius: 15px;
        }
        ul{
           list-style: none; 
        }
        li{
            width: 80px;
            text-align: center;
            display: inline-block;
        
        }
        a{
            padding: 10px 10px;
            height: 30px;
            line-height: 30px;
            color: white;
            text-decoration: none;
            display: block;
            text-shadow: 5px 7px 5px gray;
        }
        a:hover{
            background-color: rgb(216, 97, 97);
        }
    </style>
</head>
<body>
    <div>
    <ul>
        <li><a href="https://www.baidu.com">游戏1</a></li>
        <li><a href="https://music.163.com">游戏2</a></li>
        <li><a href="https://tb.alicdn.com/">游戏3</a></li>
        <li><a href="https://www.jd.com">游戏4</a></li>
        <li><a href="https://www.tmall.com">游戏5</a></li>
        <li><a href="https://v.qq.com">游戏6</a></li>
        <li><a href="https://hyrz.qq.com">游戏7</a></li>
        <li><a href="https://gp.qq.com">游戏8</a></li>
        <li><a href="https://speed.qq.com">游戏9</a></li>
    </ul>
    </div>
</body>
</html>

作业2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业2</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .O{
            width: 281px;
            height: 80px;
            border: 1px;
            float: left;
            margin-top: 10px;
            margin-left: 10px;
        }
        .A{
            width: 1500px;
            height: 50px;
            text-align: center;
        }
        ul{
            list-style: none;
        }
        .A2{
            width: 100px;
            text-align: center;
            display: inline-block;
        }
        .A21{
            padding: 13px 10px;
            height: 30px;
            line-height: 30px;
            color: #9b9b9b;
            text-decoration: none;
            display: block;
        }
        .A21:hover{
            background-color: rgb(214, 196, 196);
        }
        .B{
            float: left;

        }
        .B2{
            list-style-type: none;
            width: 234px;
            height: 366px;
            border: 1px solid #f2f2f2;
            margin-top: 50px;
            margin: 0px;
            display:  inline-block;
            line-height: 1;
            padding: 22px 20px 0;
            position: relative;
            box-sizing: border-box;
        }
        .B2:hover{
            border-color: red;
        }
        .B3{
            text-decoration: none;
        }
        .B31{
            font-size: 14px;
            color: #9b9b9b;
            line-height: 20px;
            padding-top: 10px;
        }
        .B32{
            font-size: 18px;
            color: #fd3f31;
            line-height: 25px;
        }
        .B33{
            font-size: 12px;
            color: #9b9b9b;
            line-height: 17px;
        }
        .B34{
            border-top: 1px solid #f2f2f2;
            position: relative;
        }
        .B341{
            position: absolute;
            top:9px;
            right: 0;
            color: #9b9b9b;
            font-size: 12px;
        }
        .C{
            width: 1190px;
            height: 42.333px;
        }
        .C1{
            height: 41px;
            line-height: 41px;
            background: #f5f5f5;
            border: 1px solid #e9e9e9;
            overflow: hidden;
            padding: 0 0 0 19px;
        }
        dt{
            font-size: 12px;
            color: #747474;
            margin: 0 -2px 0 0;
            float: left;
        }
        dd{
            float: left;
            font-size: 12px;
        }
        .C5{
            border-right: 1px solid #666;
            color: #333;
            padding: 0 13px 0 12px;
        }
    </style>
</head>
<body> 
    <div class="A">
        <img class="O" src="https://img.alicdn.com/tfs/TB1R5fsgyDsXe8jSZR0XXXK6FXa-281-80.jpg">
        <ul class="A1">
            <li class="A2"><a class="A21" href="https://www.etao.com/cjfl/flash.htm?spm=a2e0b.20350158.1998559106.1.67ed468auLmudt&pid=mm_0_0_0">一淘限时抢</a></li>
            <li class="A2"><a class="A21" href="https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E7%AC%94%E8%A2%8B&clk1=0a026a0daa0de7d0dccd3e2a4a91bf8d&upsId=0a026a0daa0de7d0dccd3e2a4a91bf8d">笔袋</a></li>
            <li class="A2"><a class="A21" href="https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E6%89%8B%E6%9C%BA&clk1=0a026a0daa0de7d0dccd3e2a4a91bf8d&upsId=0a026a0daa0de7d0dccd3e2a4a91bf8d">手机</a></li>
            <li class="A2"><a class="A21" href="https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E6%B4%97%E8%A1%A3%E6%9C%BA&clk1=0a026a0daa0de7d0dccd3e2a4a91bf8d&upsId=0a026a0daa0de7d0dccd3e2a4a91bf8d">洗衣机</a></li>
            <li class="A2"><a class="A21" href="https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E7%89%99%E8%86%8F&clk1=0a026a0daa0de7d0dccd3e2a4a91bf8d&upsId=0a026a0daa0de7d0dccd3e2a4a91bf8d">牙膏</a></li>
            <li class="A2"><a class="A21" href="https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E8%BF%90%E5%8A%A8%E9%9E%8B&clk1=0a026a0daa0de7d0dccd3e2a4a91bf8d&upsId=0a026a0daa0de7d0dccd3e2a4a91bf8d">运动鞋</a></li>
            <li class="A2"><a class="A21" href="https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E7%94%B5%E5%8A%A8%E8%BD%A6&clk1=0a026a0daa0de7d0dccd3e2a4a91bf8d&upsId=0a026a0daa0de7d0dccd3e2a4a91bf8d">电动车</a></li>
            <li class="A2"><a class="A21" href="https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E5%8D%AB%E8%A1%A3&clk1=0a026a0daa0de7d0dccd3e2a4a91bf8d&upsId=0a026a0daa0de7d0dccd3e2a4a91bf8d">卫衣</a></li>
            <li class="A2"><a class="A21" href="https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E5%A5%B3%E5%A4%96%E5%A5%97&clk1=0a026a0daa0de7d0dccd3e2a4a91bf8d&upsId=0a026a0daa0de7d0dccd3e2a4a91bf8d">女外套</a></li>
            <li class="A2"><a class="A21" href="https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E8%BF%9E%E8%A1%A3%E8%A3%99&clk1=0a026a0daa0de7d0dccd3e2a4a91bf8d&upsId=0a026a0daa0de7d0dccd3e2a4a91bf8d">连衣裙</a></li>
            <li class="A2"><a class="A21" href="https://uland.taobao.com/sem/tbsearch?spm=a2e0b.20350158.1998559106.11.67ed468auLmudt&refpid=mm_26632258_3504122_32538762&keyword=%E9%9B%B6%E9%A3%9F&clk1=0a026a0daa0de7d0dccd3e2a4a91bf8d&upsId=0a026a0daa0de7d0dccd3e2a4a91bf8d&pid=mm_26632258_3504122_32538762&union_lens=recoveryid%3A201_33.44.185.121_3522030_1717308852577%3Bprepvid%3A201_33.44.185.121_3522030_1717308852577">零食</a></li>
        </ul>
    </div>

    <div class="B">
        <ul class="B1">
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
            <li class="B2">
                <a class="B3" href="https://item.taobao.com/item.htm?id=653379957867&ali_refid=a3_430673_1006:1121267516:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:c24a714d2caa46b0223e777fe267fe7f&ali_trackid=199_c24a714d2caa46b0223e777fe267fe7f&spm=a2e0b.20350158.31919782.4&bxsign=tanEL5DNXSLP_ugqaXc4j1Hc6meBg9p1esEUpZAHz8T0Ns6EnIRMPn44AC2Uqo6u3d_XCwTLG0SbyIGoT2hx2RClQ4WULRYvDjYjPzetsAyTOA">
                    <img src="https://gw.alicdn.com/imgextra/i2/1752264181/O1CN014cmMD41gkweQkbUNI_!!1752264181.jpg_Q75.jpg_.webp" width="194px" height="198px">
                    <div class="B31"><span>高级感西装套装女阔腿裤2024春季新款韩版高端英伦风休闲格子西服</span></div>
                    <div class="B32"><span>￥768</span></div>
                    <div class="B33"><span>冷子璇原创女装</span></div>
                    <div class="B34"><div class="B341"><span>月销 99w+</span></div></div>
                </a>
            </li>
        </ul>
    </div>

    <div class="C">
        <dl class="C1">
            <dt>您是不是要找:</dt>
            <dd>
                <span class="C5">vivo</span>
                <span class="C5">睡衣</span>
                <span class="C5">连衣裙</span>
                <span class="C5">女装</span>
                <span class="C5">新款外套</span>
                <span class="C5">粉底</span>
                <span class="C5">电动车</span>
                <span class="C5">双肩包</span>
                <span class="C5">新款包包</span>
                <span class="C5">水杯</span>
            </dd>
        </dl>
    </div>
</body>
</html>

作业3

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业3</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .A{
            height: 90px;
        }
        .A1{
            width: 350px;
            height: 80px;
            margin-top: 40px;
        }
        .B{
            height: 560px;
            width: 1300px;
        }
        .B1{
            float: left;
        }
        .B3{
            font-size: 25px;
        }
        .C{
            font-size: 25px;
            color: white;
            background: #009cff;
            width: 300px;
            border-radius: 50px;
        }
    </style>
</head>
<body>
    <div class="A">
        <div class="A1"><img src="https://s2.yinghuaonline.com/upfiles/WUzL77476TPMufiIULIK.png"></div>
        <div class="B">
            <div class="B1">
                <img src="https://zswxy.yinghuaonline.com/static/login/images/loginnew-img.jpg" width="550px" height="460px">
            </div>
            <div class="B3">
                <table width="550px" height="460px" cellspacing="0px" cellpadding="0px"
                    <tr>
                        <td colspan="2" align="center"><strong>学生登录</strong></td>
                        <!-- <td></td> -->
                    </tr>
                    <tr>
                        <td align="center">用户名</td>
                        <td><input type="text" placeholder="请输入您的学号" ></td>
                    </tr>
                    <tr>
                        <td align="center">密码</td>
                        <td><input type="password"></td>
                    </tr>
                    <tr>
                        <td align="center" colspan="2"><button type="submit" class="C">登录<button></td>
                        <!-- <td></td> -->
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
</html>

 

作业4

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业4</title>
    <style>
        .A1{
            width: 190px;
            height: 120px;
            float: left;
            margin-top: 20px;
        }
        .A{
            width: 1500px;
            height: 50px;
            text-align: center;
        }
        *{
            padding: 0;
            margin: 0;
        }
        ul{
            float: left;
            margin-top: 50px;
            list-style: none;
        }
        .A2{
            font-size: 20Px;
            width: 100px;
            text-align: center;
            display: inline-block;
        }
        .A3{
            width: 190px;
            height: 120px;
            float: left;
            margin-top: 10px;
            margin-left: 20px;
        }
        .B{
            width: 1600px;
        }
        .B1{
            width: 1190px;
            height: 90px;
            margin-top: 10px;
        }
        .C{
            width: 1600px;
        }
        .C1{
            text-align: center;
            font-size: 28px;
            margin-top: 10px;
        }
        .D{
            width: 1600px;
            float: left;
        }
        .D2{
            border: 1px solid #f2f2f2;
            position: relative;
            float: left;
            width: 230px;
            height: 322px;
            margin: 0 5px 10px;
        }
        .D21{
            height: 48px;
            font-size: 14px;
            line-height: 24px;
            text-align: left;
            color: #666;
        }
        .D22{
            color: #e1251b;
            font-size: 14px;
            margin-top: 5px;
        }
    </style>
</head>
<body>
    <div class="A">
        <img class="A1" src="https://img10.360buyimg.com/img/jfs/t1/217337/13/41302/12933/6658993dF6b3349e7/19a1dab36f5e5bc9.jpg">
        <ul>
            <li class="A2">电脑数码</li>
            <li class="A2">拍卖</li>
            <li class="A2">京东超市</li>
            <li class="A2">京东手机</li>
            <li class="A2">京东生鲜</li>
            <li class="A2">京东家电</li>
            <li class="A2">企业会员</li>
            <li class="A2">大牌奥莱</li>
            <li class="A2">进口好物</li>
            <li class="A2">京东五金城</li>
        </ul>
        <img class="A3" src="https://img12.360buyimg.com/babel/jfs/t20270530/219934/19/40764/88939/66588936Fc62020cb/556428d80813c7aa.png.avif">
    </div>

    <div class="B">
        <img class="B1" src="https://m.360buyimg.com/babel/jfs/t20270402/241416/14/6455/32949/660b7f39Fdc8ca9dc/462908a310122c92.jpg">
    </div>
    <div class="C">
        <h1 class="C1">为你推荐</h1>
    </div>
    <div class="D">
        <ul class="D1">
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
            <li class="D2">
                <img src="https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/160069/33/43882/104889/662c5bedF686b2647/da1ba968ada4f7c9.jpg.avif" width="230px" height="230px">
                <div class="D21"><p>Apple苹果 iphone15pro 全网通5G手机 苹果15pro双卡双待分期免息 </p></div>
                <div class="D22"><span>￥6399.00</span></div>
            </li>
        </ul>
    </div>
</body>
</html>

2301_81882420
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第二次上机作业 大连理工大学
Mrrunsen的博客
11-21 3440
7.20 顾客到银行办理业务时往往需要等待一段时间,而等待时间的长短与多种因素有关,比如,银行业务员办理业务的速度,顾客等待排队的方式等。为比较哪种排队方式使顾客等待的时间更短,银行各随机抽取10名顾客,他们在办理业务时所等待的时间(单位:分钟)如下。7.25 从两个总体中各抽取一个n1＝n2＝250的独立随机样本，来自总体1的样本比例为p1＝40%，来自总体2的样本比例为p2＝30%。π1－π2的90%的置信区间为。求该校大学生平均上网时间的置信区间,置信水平分别为90%,95%和99%。
第二次作业.zip
11-24
第二次作业.zip
linux 第二次作业
m0_54177787的博客
12-03 1086
熟悉根目录
数据库第二次作业
weixin_51290359的博客
04-13 2360
数据库第二次作业第二次作业1. SQL命令查询选修2号课的学生学号，成绩，并按照成绩降序输出；2. SQL命令查询各系院名称及学生人数；3. SQL命令查询选修2号课程的学生学号，姓名及成绩；4. SQL命令查询学生李勇选修的课程名称及成绩；5. SQL命令查询每个学生学号及选修课程的总学分数。6. SQL命令查询每个学生姓名及选修课程号及成绩（没选课的学生姓名也要输出） 第二次作业 1. SQL命令查询选修2号课的学生学号，成绩，并按照成绩降序输出； select sno,grade fro
web前端第二次作业
plzdonotlietome的博客
01-22 4822
web前端第二次作业
国科大大数据系统与大规模数据分析课程第二次作业(Graph Coloring)
程哥哥的一亩三分地
04-18 5931
​ WordCount的变体，主要考察对Hadoop MapReduce框架编程的熟练度，几乎无坑点。​。
Java第二次作业
GamesDuan的专栏
03-10 1518
Java第二次作业 【程序11】 题目：有1、2、3、4四个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？ 【程序12】 题目：企业发放的奖金根据利润提成。利润(I)低于或等于10万元时，奖金可提10%；利润高于10万元，低于20万元时，低于10万元的部分按10%提成，高于10万元的部分，可可提成7.5%；20万到40万之间时，高于20万元的部分，可提成5%；40万到60万之间时高于4
第二次作业 讲解及展示
少说，多做。
08-06 2929
第二次作业，同学们虽然在认真完成，但是或多或少都出了一些错误，一班张婷，四班武仪人，六班杨泽宇，八班候雯洁，安锦阳，刘净圆，这些同学完成的较为出色，错误较少。 注：排名不分先后 作业内容：根据BMI指数分类并输出 下面写一个包含典型错误的程序 n=input(体重,千克) m=input(身高，米) k=n/(m**2) if k&lt;18.5: print(1) if 18....
工程伦理第二次作业
热门推荐
yaojunjie2010
10-20 2万+
“明乎经变之事,然后知轻重之分,可与适权矣”,这句话给我们的启示是,在工程职业实践中遇到伦理困境时,工程伦理的规范性要求是“经”,()是“权”,工程师在现实的工程实践情境中应该做到原则性与灵活性的统一。 A、对职业章程的规范要求因时因境作出变通和调整 B、无条件遵循职业伦理章程的规范要求去行动 C、按照约定俗成的标准或以往的经验去行动 D、服从上级的命令去行动 正确答案：A 从工程师现实的职业行为过程看,职业章程的规范引导与他对具体工作实践场景的分析、判断,以及特定情景中可能的行为方式的权衡、选择等,都
北航操作系统课程-第二次作业-操作系统引论2
JeremyZhao1998的博客
03-07 4712
北京航空航天大学计算机学院-2020春操作系统课程，理论课第二次作业，内容为操作系统引论。 题目作者为北航计算机学院操作系统课程组，答案为博主原创。水平有限，无法保证作答正确性，如有错误敬请批评指正。部分作答源自百度谷歌等其他资料，如有侵权联系删除。
软件工程第二次作业
孑桀
03-31 4247
软件工程第二次作业 8.5 The department of public works for a large city has decided to develop a Web-based pothole tracking and repair system(PHTRS). Draw a UML use case diagram for the PHTRS system. You’ll ha...
数值分析第二次作业解答.doc
11-28
数值分析第二次作业解答 本资源为数值分析第二次作业解答，涵盖了数值分析的多个方面，包括线性方程组、矩阵的性质、 Gauss 消元法、Cholesky 分解、矩阵的特征值、谱半径等。 一、线性方程组 1. 仅当系数矩阵是...
计算机网络第二次作业.pdf
11-17
计算机网络第二次作业.pdf
江苏开放大学计算机应用基础形考第二次作业答案.pdf
07-14
江苏开放大学计算机应用基础形考第二次作业答案.pdf 这是江苏开放大学计算机应用基础课程的第二次作业答案，旨在指导学生学习 Excel 制作行业状况调查表的实践目标。该作业分为两个部分：企业总体状况和企业人才...
苏仕华数据库第二次作业答案.doc
11-17
苏仕华数据库第二次作业答案 本资源总结了苏仕华数据库第二次作业答案，涵盖了关系代数、ALPHA语言、QBE语言等多方面的知识点。 一、关系模式 在本资源中，我们定义了四个关系模式：S、P、J、SPJ。其中，S关系...
响应式Web设计：纯HTML和CSS的实现技巧
vvvae1234的博客
08-18 708
互联网已经成为人们日常生活中不可或缺的一部分，随着移动设备的普及，用户访问网站的方式也发生了巨大变化。因此，响应式Web设计（Responsive Web Design, RWD）应运而生。它的目标是使Web页面能够根据不同设备屏幕的大小和分辨率自动调整布局，以提供最佳的用户体验。本文将深入探讨响应式Web设计的基本概念、实现技巧，并通过实际操作案例来展示如何使用纯HTML和CSS构建一个响应式网页。
【HTML】语义化
最新发布
DX390609的博客
08-22 161
根据内容的结构选择合适的标签。
理解现代前端开发：从HTML到React的进化之路
qq_62512874的博客
08-18 665
随着互联网的不断发展，前端开发已经经历了从静态页面到复杂单页应用（SPA）的转变。作为前端开发者，我们需要不断更新知识，掌握最新的技术栈，以应对日益复杂的开发需求。本篇文章将带你从前端的基础知识逐步深入，探索现代前端开发的关键技术，包括HTML、CSS、JavaScript，以及流行的框架如React。前端开发是一个不断演进的领域，新的工具和框架层出不穷。通过不断学习和实践，我们可以掌握最新的前端技术，构建高效、美观且功能丰富的现代Web应用。
Java学习Day33：HTML 第三章：挟魂崖
weixin_51721783的博客
08-21 685
JavaScript中，dom是一套操作文档内容的方法，可以完成查、增、删、改（先删后增）的操作。而且dom的开发效率很高，还可以用于服务器渲染、weex 开发等。本文向大家介绍JavaScript中的dom。1、什么是dom？dom，全称Document Object Model文档对象模型，是 W3C 的标准；[所有浏览器公共遵守的标准]。用于处理网页内容的方法和接口，简单的说就是一套操作文档内容的方法。2、dom组成：由HTML、CSS、事件（交互）组成。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值