第二次作业

早睡早起*

于 2024-06-04 12:05:50 发布

阅读量704

点赞数 4

文章标签：前端框架

本文链接：https://blog.csdn.net/2401_84359249/article/details/139438916

版权

第一题：使用css+html完成导航栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业2.1</title>
    <style>
        .A{
            /* height: 50px; */
            /* width: 1920px; */
            background-color: rgb(44, 2, 2);
            box-shadow: 10px 10px 10px gray;
            /* border-radius:50px */
            display: inline-block;   
            border-radius:50px;
        }
        .B,span{
            text-shadow:10px 10px 10px rgb(255, 254, 254);
            color: aliceblue;
            font-family:"楷体";
            font-weight:lighter 
        }
        .introduce,.B{
            display: inline-block; 
        }
        .B:hover{
            background-color: red;

        }
        
    </style>
</head>
<body>
    <div class="A">
        <div class="introduce"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游戏1</span></div>
        <div class="B">游戏2</div>
        <div class="introduce"><span>游戏3 游戏4 游戏5 游戏6 游戏7 游戏8 游戏9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
    </div>
</body>
</html>

运行结果：

第二题：使用css+html完成三个网页页面

第一个：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业2.2</title>
    <style>
        .A{
            height: 80px;
            margin-top: 22px;
            margin-bottom: 22px;
            margin-left: 120px;
           
        }
        .B1{
            margin-top: 20px;
            margin-right: 40px;
            margin-bottom: 20px;
            margin-left: 100px;
        }
        li{
            list-style-type: none; 
            width: 196px;
            height: 328px;
            border: 1px solid #f2f2f2;
            margin: -3px;
            line-height: 1;
            padding-left: 20px;
            padding-top: 22px;
            padding-right: 20px;
            display: inline-block;
        }
        li:hover{
            border-color: red;
        }
        a{
            text-decoration: none;
            
        }

        .title-text{
            font-size: 14px;
            color: #9b9b9b;
            line-height: 20px;
            padding-top: 10px;
        }
        
        .price-con{
            font-size: 18px;
            color:red;
        }

        .seller-name{
            font-size: 12px;
            color: #9b9b9b;
        }

        .item-footer{
            border-top: 1px solid #9b9b9b;
            position: relative;

        }
        .sell-info{
            position: absolute;
            top:9px;
            right: 0;
            color: #9b9b9b;
            font-size: 12px;

        }
        .A1,.A2{
            float: left;
            
        }
        .A1{
            width: 690px;
            height: 38.8px;
            border: 3px solid #f03726;
            position: relative;                       
        }
        .A3{
            margin-left: 281px;
        }
        
        .submit{
            /* border: 3px solid #f03726; */
            width: 95px;
            height: 40px;
            position: absolute;
            /* top: -3px; */
            right: 0;
            background: #f03726;      
            border: 0px ;   
            color: #f5f5f2;
            font-size: 18px;
        }
        .text{
            margin: 8px 10px 8px 10px;
            width: 650px;
            height: 22px;
            border: 0px solid white;
        }
        .A3{
            width: 690px;
            height: 28px;
        }
        .A31{
            color: #fd3f31;
         }
        .A31,.A32:hover{
            color: #fd3f31;
            text-decoration:underline;         
        }
        .A31,.A32{
            margin-right: 20px;
            float: left;
            font-size: 12PX;
        }
        .A32{
            color: #9b9b9b;
        }
        .C{
            margin-left: 600px;
            margin-top: 20PX;
            margin-bottom: 20PX;
            height: 46.6PX;          
        }
        .C1,.C3,.C4{
            color: #cacaca;
            height: 45px;
            width: 95.6px;
            border: 1px solid #ededed;
            padding: 10px 20px 10px 10px;
            margin-right: 20px;
            font-size: 16px;         
        }
        .C4{
            padding: 10px 20px 10px 20px;
        }
        .C3{
            /* height: 45px; */
            color:#4a4a4a;
            line-height: 45px;
            font-size: 16px;
            margin-left: 20px;
            margin-right: 20px;
            padding: 10px 10px 10px 20px;
            /* cursor: not-allowed; */
        }
        .D{
            height: 197.48px;
            padding: 30px 10px
        }
        .D1{
            height: 28.8px;
            /* float: left; */
        }
        .D3{
            height: 57.6px;
            margin-right: 150PX;
        }
        .D4{
            height: 43.08px;
        }
        .D1,.D3,.D4{
            margin-left: 128px;
        }
        .D31:hover{
            text-decoration:underline; 
            color:#333333;
        }
        .D11,.D21,.D31{
            
            color:#333333;
        }
        .D11,.D21{
            color:#333333;
            margin-right: 20px;
        }
        b{
            margin: 0px 8px;
        }

    </style>
</head>
<body>
    <div class="A">
        <div class="A2"><img src="https://img.alicdn.com/tfs/TB1R5fsgyDsXe8jSZR0XXXK6FXa-281-80.jpg" width="281px" height="80px"></div>         
        <div class="A1">
            <form action="https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E5%A5%B3%E8%A3%85&clk1=38de97ef7be304526e620e0be85c0d68&upsId=38de97ef7be304526e620e0be85c0d68">
                <span class="A11">
                    <input type="text" class="text">
                    <input type="submit" class="submit" value="搜索">
                    
                </span>
            </form>
        </div>     
        <div class="A3">
            <a href="https://www.etao.com/cjfl/flash.htm?pid=mm_0_0_0" class="A31" >一淘限时抢</a>
            <a href="https://uland.taobao.com/sem/tbsearch?refpid=mm_2898300158_3078300397_115665800437&amp;keyword=%E7%94%B7%E5%A3%ABt%E6%81%A4&amp;clk1=830fabf3940bfeded897d355e6b593d6&amp;upsId=830fabf3940bfeded897d355e6b593d6&amp;spm=a2e0b.20350158.search.1&amp;pid=mm_2898300158_3078300397_115665800437&amp;union_lens=recoveryid%3A201_33.43.101.72_16524550_1717380469268%3Bprepvid%3A201_33.4.109.199_37768734_1717383931106" class="A32">男士t恤</a>
            <a href="https://uland.taobao.com/sem/tbsearch?refpid=mm_2898300158_3078300397_115665800437&amp;keyword=%E5%A5%B3%E5%A5%97%E8%A3%85&amp;clk1=830fabf3940bfeded897d355e6b593d6&amp;upsId=830fabf3940bfeded897d355e6b593d6&amp;spm=a2e0b.20350158.search.1&amp;pid=mm_2898300158_3078300397_115665800437&amp;union_lens=recoveryid%3A201_33.43.101.72_16524550_1717380469268%3Bprepvid%3A201_33.4.109.199_37768734_1717383931106" class="A32">女套装</a>
            <a href="https://uland.taobao.com/sem/tbsearch?refpid=mm_2898300158_3078300397_115665800437&amp;keyword=%E7%94%B5%E5%8A%A8%E8%BD%A6&amp;clk1=830fabf3940bfeded897d355e6b593d6&amp;upsId=830fabf3940bfeded897d355e6b593d6&amp;spm=a2e0b.20350158.search.1&amp;pid=mm_2898300158_3078300397_115665800437&amp;union_lens=recoveryid%3A201_33.43.101.72_16524550_1717380469268%3Bprepvid%3A201_33.4.109.199_37768734_1717383931106" class="A32">电动车</a>
            <a href="https://uland.taobao.com/sem/tbsearch?refpid=mm_2898300158_3078300397_115665800437&amp;keyword=%E5%A5%B3%E8%A2%9C&amp;clk1=830fabf3940bfeded897d355e6b593d6&amp;upsId=830fabf3940bfeded897d355e6b593d6&amp;spm=a2e0b.20350158.search.1&amp;pid=mm_2898300158_3078300397_115665800437&amp;union_lens=recoveryid%3A201_33.43.101.72_16524550_1717380469268%3Bprepvid%3A201_33.4.109.199_37768734_1717383931106" class="A32">女袜</a>
            <a href="https://uland.taobao.com/sem/tbsearch?refpid=mm_2898300158_3078300397_115665800437&amp;keyword=%E7%AC%94%E8%A2%8B&amp;clk1=830fabf3940bfeded897d355e6b593d6&amp;upsId=830fabf3940bfeded897d355e6b593d6&amp;spm=a2e0b.20350158.search.1&amp;pid=mm_2898300158_3078300397_115665800437&amp;union_lens=recoveryid%3A201_33.43.101.72_16524550_1717380469268%3Bprepvid%3A201_33.4.109.199_37768734_1717383931106" class="A32">笔袋</a>
            <a href="https://uland.taobao.com/sem/tbsearch?refpid=mm_2898300158_3078300397_115665800437&amp;keyword=%E6%89%8B%E6%9C%BA%E5%A3%B3&amp;clk1=830fabf3940bfeded897d355e6b593d6&amp;upsId=830fabf3940bfeded897d355e6b593d6&amp;spm=a2e0b.20350158.search.1&amp;pid=mm_2898300158_3078300397_115665800437&amp;union_lens=recoveryid%3A201_33.43.101.72_16524550_1717380469268%3Bprepvid%3A201_33.4.109.199_37768734_1717383931106" class="A32">手机壳</a>
            <a href="https://uland.taobao.com/sem/tbsearch?refpid=mm_2898300158_3078300397_115665800437&amp;keyword=%E6%9D%AF%E5%AD%90&amp;clk1=830fabf3940bfeded897d355e6b593d6&amp;upsId=830fabf3940bfeded897d355e6b593d6&amp;spm=a2e0b.20350158.search.1&amp;pid=mm_2898300158_3078300397_115665800437&amp;union_lens=recoveryid%3A201_33.43.101.72_16524550_1717380469268%3Bprepvid%3A201_33.4.109.199_37768734_1717383931106" class="A32">杯子</a>
            <a href="https://uland.taobao.com/sem/tbsearch?refpid=mm_2898300158_3078300397_115665800437&amp;keyword=%E5%85%85%E7%94%B5%E5%AE%9D&amp;clk1=830fabf3940bfeded897d355e6b593d6&amp;upsId=830fabf3940bfeded897d355e6b593d6&amp;spm=a2e0b.20350158.search.1&amp;pid=mm_2898300158_3078300397_115665800437&amp;union_lens=recoveryid%3A201_33.43.101.72_16524550_1717380469268%3Bprepvid%3A201_33.4.109.199_37768734_1717383931106" class="A32">充电宝</a>
            <a href="https://uland.taobao.com/sem/tbsearch?refpid=mm_2898300158_3078300397_115665800437&amp;keyword=%E5%A5%B3%E7%9D%A1%E8%A1%A3&amp;clk1=830fabf3940bfeded897d355e6b593d6&amp;upsId=830fabf3940bfeded897d355e6b593d6&amp;spm=a2e0b.20350158.search.1&amp;pid=mm_2898300158_3078300397_115665800437&amp;union_lens=recoveryid%3A201_33.43.101.72_16524550_1717380469268%3Bprepvid%3A201_33.4.109.199_37768734_1717383931106" class="A32">女睡衣</a>
            <a href="https://uland.taobao.com/sem/tbsearch?refpid=mm_2898300158_3078300397_115665800437&amp;keyword=%E5%A5%B3%E7%A7%8B%E8%A3%85&amp;clk1=830fabf3940bfeded897d355e6b593d6&amp;upsId=830fabf3940bfeded897d355e6b593d6&amp;spm=a2e0b.20350158.search.1&amp;pid=mm_2898300158_3078300397_115665800437&amp;union_lens=recoveryid%3A201_33.43.101.72_16524550_1717380469268%3Bprepvid%3A201_33.4.109.199_37768734_1717383931106" class="A32">女秋装</a>


        </div>     
    </div>
    <div  class="B">
        <div class="B1">
            <ul>
                <li>
                    <a href="https://click.simba.taobao.com/cc_im?p=%C1%AC%D2%C2%C8%B9&amp;s=397539034&amp;clk1=front_lwye2244ljaq17gdnx&amp;k=1421&amp;e=6JBmJVpjjBGlrgbaI9TlwmpXA%2BTYrUzWx86ygOZ%2BY%2Bpn4gLbCfph9X6AOnpKtui1Au0r5yJ5460AG74omVf2O%2B9GgjESxTj3Ehhq70Po5DWrYXs7GOwrZPiltvN8agn8MfUfeIVUXrHTawhPra8uQ6yR0hDh1oYS4X23062e%2FowGpFpAXuNeSTS8b7cWGiD25ZaBrw%2B0kJPTZ6K1qVdbaYoar09HyjkGi%2BVH0hlYEgc%2Bqe0FsZ%2FpXjJQYdD5wGiU3ybwdYSe30T2MTy6Nbvk80Iln%2BtN5mrqVBHMa12YXCBOTw8EHZlzLP1TDIG1wy54L%2Bwg2JY1dz3rUdDh6cOMZJaBtKr07VoDMR9UUn9Ine17Sa0mukT2frJuyiJfxfTjyI57VwbwqTE%2Bt%2BXbbehdeAnj649o7hGkf1K6EFhf%2B0CFVmNqq8Rs7TGsdwlltbvyBLxvV7r32NMezCEQSqjsGpc0i0XaeOfn1DFPkL1WRlYiK06SUynd2dFaTydSYa215AesNken05R%2B0%2FWsKEWXHAAvDdMQFnTyNf7FTxdnzCHl2cozxK2VhEnV875gi%2BDfY4hahbVYqjiOPdmeL6Vt6vIHYQEmbN04zcsYoD3yaSP9QxDK%2FtKQQFKTgI55ynFGbw0z6wb30y6yA%2BTO2pFs7Lr50n4u%2B3kqHz%2FELdjlzvK%2BT8037ZZAFxrDEBEjV1NwXzB8pRHI0MXp18BMbJTt7M7JjNbmtZd8qzyNvK%2BD9z1RPWRC6uhGAzYZ%2FUVl%2B2hcMTE8IvArDVhPdMSLZ7jxMN2E7dTk4Cu4WiywRc2BaaW3FbYW5oq9tgYZIKHKTx5n6ULFtu2zfE9rL2IZMSIDx0jB6jFWqNALDhlRE0h7p3GNBJST%2BVcXViDpfNoHIowIO0D2QoylIiO0sTYSghGceO14wg0anPeZHs0fY3fdomyQtpl1qogMJJowsBQlL%2BXDHzeKCTzoY6zzBEotPqwdaTjvkgAodykkkei5JlQrAsozXumX59jygkCpwFdHf1NJmZSLIObPrJRvAI35FsRNy8wGzhIK2bozmlvOfXf3ji3h%2FgVXNxm6YjEfVFJ%2FSJ3tNsjr9USneOECywvToIJ3q5qE5zRIDZh0P%2BIwNlf4pTqwc64NU%2B5LmeX7DMU8OwexhA195t%2FlYxcmpT1Oisi%2FU%2BGhNEzntecfCulEQqnE7jg7Dx6Fn5Y7YD%2FOpxoqDAOn0F2ZIkjGROudymu%2BMGZ7e9aLScMFJhzokq7pfR7XCbiBCijPIuTYXH%2F1Qpz0u243948sfckSGs0L5eUguYkaWqbofaGGge%2FkC3JqgOgmL7oawxARI1dTcPMg95T8Au%2FgNL4Dvs62Yf4Venlvb9QYwzjvkgAodykkIsuxiSEEepY4IICZJdGQeYZ8hui7yLWmMgIR%2FES2OIE%3D&amp;df=1">
                        <img src="https://img.alicdn.com/imgextra/i4/127617910/O1CN01gmi5HC28IpcnnyUQg_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" width="198px" height="198px">
                        <div class="title-text"><span>OVV邱昊联名系列女装腰带V领无袖连衣裙</span></div>
                        <div class="price-con"><span>￥2699</span></div>
                        <div class="seller-name"><span>OVV官方旗舰店</span></div>
                        <div class="item-footer"><div class="sell-info"><span>月销 100</span></div></div>
                        
                    </a>
                </li>          
                <li>
                    <a href="https://click.simba.taobao.com/cc_im?p=%C5%AE%D7%B0&amp;s=1242889419&amp;clk1=front_lwybznveoirdk5b26wl&amp;k=1389&amp;e=3ezDN5cssh2OKxr2LhJD71kx4dmyzEd9aLsPoKC4Vt9mj%2BuBN2GDVS0jZTVWaag1VdVu0VabAiUfF2IZC6FKVqaBO4CtM%2F5NlVGDbgyVh5MVW7xVYZrJoeAIT1UidhA1XFzSv2wo65HAKcjss59ZXrZVXThqdugiu6pMnbdo7Xohz6gmrhSrCREfq3DcnkoBV2Ca0%2B1NO4jTbUbxnFkJP1vFNBR9wv14nwUpypWSyASpejLa368uxMRMKRz57lXldm4oxGoKmXiquuq1GEWiXZN7DNVWwBl3p8V8QgosEp%2Fpl0HEeXHkg4GZyQVTESxWNWb0RuiYgAVrKMUMVOnZP6xyGT3%2BN11bCpQ0eTGCtPeSz1UCaaa2UxD7gV8%2FUb%2Bd9I%2FVWB2%2FtXLTZoJ78IdGNwqkJzaXTHA2QqWBIDOrewuj3IcXXV%2FN2bqxOdHAn%2B4MTcqTCxeW6X5txMTPxbhLMxBTu5X8YslSSECwjT5la7dyOyZ0SOFkLWqvk5Jh%2F3L%2FgZnJBVMRLFbgPxoeiilT7AaO%2FHKmxKj5Qpzsumcnt%2BRwXwDOjN5TGBU8AUQeZS9GOMulF8DL2a6VBvCNiKY87m5YCUWPRfDYh96vjhpd7aiTPTjMSl6l93jGaeGnH9tfW81NgNfuW%2FWsbdmVbDdOXY3QAOPilGPQqwb0Sj3u9hFlZ7kDd4xJkGyG%2FfEFdoJV5qTQbYY3qYQtQBLPlQwwRpyPYUzqnwTqwog%2FkT2ay6tbClmScFN6NtrVuy5KOlZStbUPss97KXZ%2FpWAvZZ3SWsBVbp05ceH7XGReyUq%2Frp8Xym7nXb0PEbpMTWwVS01VW09Jrn74B9Pf%2BZUx%2Fx1CDlVQIa3sjanQLgEArtu6Fiy3BqZupC60EgNKbN60Q58K6x6wtZLfHiQi1zNN1Z070D6kcslxuSGL0ruYed02yO8UBExZYjpN7os6beYlmf7bId3jXUfZh7I%2FOSxbVz1mSOb0SfFh8iLIt8Rh%2B7EhuGYBsj0ieQ0Z28BCOfKVM%2BFNRg182bWsA%2BTY2CUUSBTMxcOEfFsPYstHid8q7V8NfC5O3SH%2FFUFnl3YlVsMyNWEKexmEKUkcXkn%2BHIhyoIqRLCSnsFk6ZIPcYirXb7obOf6jQhDO9V8I3hUN516QFeVXiLxOygROsdxlB25jJK9pzMTnp9I0OVpyzfVnbpg1%2FyFpx5DgLGev0iKhgW20rWjH2E4Sij0mpLfqfRZgINKc15UG8I2IpjzublgJRY9F8NiH3q%2BOGl3tqJM9OMxKXqX3eMZp4acf21%2FgK%2FaqJyqWxfEdYI70uKNjUXS3fEwXw0%2B9oGabYT2Z4JvuXwEPKFSMQsQjpuP92%2FK2aDuwYirBwtugXwjQqxN4YPYkddMPSvg%3D&amp;df=1">
                        <img src="https://img.alicdn.com/imgextra/i2/277390153/O1CN01KSSTsM1D07SG9uyrE_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" width="198px" height="198px">
                        <div class="title-text"><span>泰式校服短袖衬衫女jk制服学院风高中学生运动会毕业班服套装</span></div>
                        <div class="price-con"><span>￥62</span></div>
                        <div class="seller-name"><span>教导主任的班服校服</span></div>
                        <div class="item-footer"><div class="sell-info"><span>月销 1w+</span></div></div>
                        
                    </a>
                </li>          
                <li>
                    <a href="https://click.simba.taobao.com/cc_im?p=%C5%AE%D7%B0&amp;s=1242889419&amp;clk1=front_lwybznveoirdk5b26wl&amp;k=1409&amp;e=gV%2FU19HiKUWOKxr2LhJD71kx4dmyzEd9aLsPoKC4Vt9mj%2BuBN2GDVS0jZTVWaag1VdVu0VabAiVBvar3Sv1lpBlIrPcvbOS8efzEOpyDfFVeL7lcRLCLreAIT1UidhA1XFzSv2wo65HAKcjss59ZXrZVXThqdugiu6pMnbdo7Xohz6gmrhSrCREfq3DcnkoBV2Ca0%2B1NO4jTbUbxnFkJP1vFNBR9wv14nwUpypWSyASpejLa368uxMRMKRz57lXldm4oxGoKmXiquuq1GEWiXZx%2BvHdAhXvLryH5ZdXpfgEb%2F%2FScdesUrI8xhgd%2BXQmHyxX3FwHzNDiNAjSljMTzqrzo4ZH7oHV%2B7Ax6h9u3IRoDTm5jOgxSMdWgcY%2F9yo7bYYZICBD4DekamQX4xV2BPhPtr%2BR7bdoAj7wR%2FQ%2BFduxxBr89MOHu5U7uBZmYg9KhXocBd0x3HG%2F9%2BLKq2WuU%2F9txUMJeQN7LOLFXZBW1KBH7UJR8Dx8ivdVzQjPEUZRYMP0aQGxQdca1V7A90iuf5sa2cDNH7LEDG7aKuuz%2Bkj9zndNed7U41leDJMuflaydXfDvvn924SBbrePUbatWDUAuUF%2FxWFZcR6gZ7Km5RsyTPTjMSl6l97hxhTeMreL%2Fba8jvmNKmLOPMYYHfl0Jh3%2FlCwSDwgm5WujeaeJaotdmGXALdd9HrbKKBYRi0bN%2FcFTULS%2F2ytebS2WjGekE%2BUCg4SMPFk%2B9Zog6NSL9UCmRtUhzeXMFNt%2FuxoKG0sTZ7xXooNybb7%2F2LeaglMpO1FDK2aD1CZ6OVNmHj5mGLvegB%2BNk9iX1XAIgTdEI0pnxLiIQFHwD7BOGovHceMEe8ThTlxgABWU1hfS6AGz12wkOOr9yErLtjusz%2BnPw5vpBbNprI88GFyj%2BDlj7NVbdI8YnxRRLE76r9YqEoKvEA8La%2F9hoC4JFDSeWMbDAB%2FBu9GLXZhdIVXsjpV3v7hiawEeEmyBj6Xs%2FRRMBhsL1lwztsS2Mx8fkvfLqVC7eMbAw9cqPotnFk65YfXHUxXLB2sQ54iMJuZmYQHSMTVL9eHTpWLxVtusupr5DHfqx8O6r6AE5nAB40k%2BQnN6Sr73%2FeYVNcLKTH65Zeg%2FEZM5QVDypPqwrGlX8VI8xhgd%2BXQmHHnqeMVrgFlrqxPrpbVvPAZBDHpmo5JU2LnZLfysQfEFAQfxI48CIZ16TTZHWGhYL8NC1rS2rukFGWLb6VFt2PcrttGZDmMtPYearYAdwYHLHt6u9jrqbWPvF1gT1wYEhpdcv8EIy%2FplyktVDN%2B4fj8tNQwoGYnLh4I2xiH6kSfRc7qJ74sVKtOrj8dpRVKMJmA%2BmkHeIm3q8tPli%2BP1oEtsHkxDArHErevNB%2FPU%2BtbPwiMjxZ0FDVmD2JHXTD0r4&amp;df=1">
                        <img src="https://img.alicdn.com/imgextra/i4/2216879767699/O1CN01Qbxy2R26kCEznBvOc_!!2216879767699-0-alimamacc.jpg_360x360xzq75.jpg_.webp" width="198px" height="198px">
                        <div class="title-text"><span>熊猫冰棒防晒衣女2024新款夏季防晒服冰丝防紫外线外套</span></div>
                        <div class="price-con"><span>￥499</span></div>
                        <div class="seller-name"><span>熊猫时尚旗舰店</span></div>
                        <div class="item-footer"><div class="sell-info"><span>月销 79</span></div></div>
                        
                    </a>
                </li>          
                <li>
                    <a href="https://click.simba.taobao.com/cc_im?p=%C5%AE%D7%B0&amp;s=1242889419&amp;clk1=front_lwybznveoirdk5b26wl&amp;k=1421&amp;e=RiXBhARFTt2OKxr2LhJD71kx4dmyzEd9aLsPoKC4Vt9mj%2BuBN2GDVS0jZTVWaag1VdVu0VabAiVleTHxmKOn%2FqMFIJXQRSWGb%2BE8DVs9c8BeL7lcRLCLreAIT1UidhA1XFzSv2wo65HAKcjss59ZXrZVXThqdugiu6pMnbdo7Xohz6gmrhSrCREfq3DcnkoBV2Ca0%2B1NO4jTbUbxnFkJP1vFNBR9wv14nwUpypWSyASpejLa368uxMRMKRz57lXldm4oxGoKmXiquuq1GEWiXZx%2BvHdAhXvLEqst97gXmit%2BQ2rmDd6SMq1ok7swAqkxVgLAsWEJVK0SfT%2Fp6gaebR%2F8YjGVWr1ZM6w48%2Fws9erwS%2FMNi0%2BTtmn8UxyV0dmoNG1FaqmglQyfp3QE4kc2cOFa2UWctC8Gj6AAeduqxgE5U3OhIghRBJ5kiwPou1zlA%2B5prnjBZ6fiFNlSxFk%2BvJUMMFLSoM6byV9ksH5%2FJ5J4Mq04F%2FMS9EDBi2htSgGl1QIQfy7lA4G7W0EvMz%2BkWniiW6yMbUD4olKM47IMW62wzHKnD%2BbPjVaezBFZkPum6%2FqDILf979ASfT%2Fp6gaebcpm2D2XarRGqAMr5cvZiHkbBOx97NUnoDpjkYnaOoq2FkoJKW6eUcQj4rYxS5EOdgBOz9E4i26kYO3A6WRBE7nVXuE9DLrR0gIwLi5zHCKGD49QWBowHk8vlde5NNzL1Jpbs0U1RSGlgmW9S%2FtzxE3us75ssEIgKl2FYxfYX6NWnKeKCds45%2BZQL2JOp%2BS%2BXzgfeZg%2BM%2FR9LzrOhXq0Dvp0rBge3khV1rMGq%2F2icqbLEuclwUXCmQwLzTI59F3Qu90SaUYnu17FtFMht9Tk3zdSyePlOMV2FnxIc2xNp2SM7UDfLJGZuEMJrSGgoHmtsH%2FfDXhHCDDkdAq24xcnlo8SDI616aK9tHJdmyGB4YZs1FORr4DAp9vXCcFnGgoPynpc16WT6pAabr4EW7HaoQQqbIXItPSr5mc9oHSkULLboNX4KaPvHhqTgSX9qXxmvBcb9pS1iBltw4R8Ww9iy0eJ3yrtXw18LtFK%2Bljl%2FdRGTPhEnES6lY4fl%2FBSUq2f4Hc5byWMt1nGJKewWTpkg9xiKtdvuhs5%2FqLT4iUB5h3aBWpEJJTHVP2IvE7KBE6x3GUHbmMkr2nMxOen0jQ5WnLN9WdumDX%2FIWnHkOAsZ6%2FSKT8GS0KvAGsOH980KaymDacQdZMYgZaMdvRaPGp4TYRqG%2FFa0vnjCe2Bk2fZ3TTOq9uVUQH%2BFbm%2FcWT3Q6CglVtVqjdLIJxVUvKdJir984%2BNo8CqNIC%2FAGP3QurIlZ6qQru9CIdXLXJWjf0Zc7LKsFHhmCqLOMMVe%2BoFEZRo3RNnPaB0pFCy2x0KyC4%2BqCkMLMD0pSX%2FJxE%3D&amp;df=1">
                        <img src="https://img.alicdn.com/imgextra/i2/2966940189/O1CN01NmjLGV1DGbolE14qc_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" width="198px" height="198px">
                        <div class="title-text"><span>Lilylikes"Urban高智系列"亚麻天丝肌理感吊带裤子套装</span></div>
                        <div class="price-con"><span>￥229</span></div>
                        <div class="seller-name"><span>Lilylikes Online</span></div>
                        <div class="item-footer"><div class="sell-info"><span>月销 1w+</span></div></div>
                        
                    </a>
                </li>          
                <li>
                    <a href="https://click.simba.taobao.com/cc_im?p=%C5%AE%D7%B0&amp;s=1242889419&amp;clk1=front_lwybznveoirdk5b26wl&amp;k=1293&amp;e=e%2F%2BjZTjBXWWOKxr2LhJD71kx4dmyzEd9aLsPoKC4Vt9mj%2BuBN2GDVS0jZTVWaag1VdVu0VabAiVkuHton43ByrRVwH7AMUswviJpycwTuKkVW7xVYZrJoeAIT1UidhA1XFzSv2wo65HAKcjss59ZXrZVXThqdugiu6pMnbdo7Xohz6gmrhSrCREfq3DcnkoBV2Ca0%2B1NO4jTbUbxnFkJP1vFNBR9wv14nwUpypWSyASpejLa368uxMRMKRz57lXldm4oxGoKmXiquuq1GEWiXZN7DNVWwBl3p8V8QgosEp%2BqLcnAwaLzDFxCH4bwYcz3VZ54flW7uZn%2BK6Z%2B7NfKkaP1qM6AeSsiVjXa9UbnLYu1BzC9z9FN%2FbyOZwlyvMvdl3n3NPjgJJqRBbHA40gi%2B3hRIlUNCKCcK3jPLlVjZR%2BURPCr1X%2F97hqeavErP9cdn7kFDwoxnuGVDDBS0qDOm7OTrkjns9rSJPxV4bry8HbdqdONNS%2B1eCas4Av0HC9gKC1x%2BmGzfQFmoctqhanJcy%2F4AXlvUgn3RZibYM%2BbAo0rDVMpElmfDfkqQKiw0VnU%2FzJCLRhUisCND0Yf5K6A0naZYA3Bc3PPFkfxLSki8u%2Br25VRAf4VufvF1gT1wYEhuRmjjX2Ibo6Ps2qnG1mM3N3xkYlCFvnJRrgnI2tvvM8Pj1BYGjAeT4hJIaabGckJrBuw7qxdNULcpeAjTbk1q1gs96%2BJIG4jx9%2Fi0tUEDPKy3k2QwkOrw7hj0R6eYibw0Ozngn3lWCQYqR3xFb8A7hKYAq%2Bo7Ss7gRn97Aoy4SITXZLrtYZpeCySpqAGrsRdY7QzEa6hmyhwZDI6xc8F0b9Bj4%2FEQWkNNbxJzZaw5sSCNpH7KjDvqBidPfEws0%2BvDJTJZ%2BIR6BdFqzNc8b6hoRNolwxI9R6AsgkL1qUV85hywaiGXSmKSfqkVN%2BwzUx3wEOYBm4uxVU2JmC%2FMIdxnlKmGshohvBovI5nCXK8y91ZG1S3PgyJDIuhp0M6WZEP%2Fixut1WTkKabB8fr%2FIu1HLxwZhS6cBFnzuA7y68Q%2BOJ7eBRoGFTnu3z7mOkdp2Ae2PR%2BKoYOI%2BSV2X39cTeOR%2FmcbWMw8gwO5c8BMfgLhQVonL09FEDwxOd3%2FOt1LtWI3G%2BPOOJH%2B1mEG18mZlc9R%2FgN%2FSLt%2FlC0rNVTQQXaWTZo1plNwY4Eh2Xnn%2BKNPJetGO2b7hiC75UWR%2FEtKSLy71k68etsdUghj7NqpxtZjNzd8ZGJQhb5yf332WTy%2BEioneP%2Bn81DTnc%3D&amp;df=1">
                        <img src="https://img.alicdn.com/imgextra/i4/30690769/O1CN0146S6iu1HYFXHXPE12_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" width="198px" height="198px">
                        <div class="title-text"><span>三五年复古棉麻提花中式立领裙森系文艺收腰连衣裙女夏季</span></div>
                        <div class="price-con"><span>￥278</span></div>
                        <div class="seller-name"><span>三五年丨缄默时光</span></div>
                        <div class="item-footer"><div class="sell-info"><span>月销 1000+</span></div></div>
                        
                    </a>
                </li>          
                <li>
                    <a href="https://click.simba.taobao.com/cc_im?p=%C5%AE%D7%B0&amp;s=1242889419&amp;clk1=front_lwybznveoirdk5b26wl&amp;k=1377&amp;e=9uqVO16RIB%2BOKxr2LhJD71kx4dmyzEd9aLsPoKC4Vt9mj%2BuBN2GDVS0jZTVWaag1VdVu0VabAiVUkejDRXFOheHPZcL53FPQ6B9gcf6idmIVW7xVYZrJoeAIT1UidhA1XFzSv2wo65HAKcjss59ZXrZVXThqdugiu6pMnbdo7Xohz6gmrhSrCREfq3DcnkoBV2Ca0%2B1NO4jTbUbxnFkJP1vFNBR9wv14nwUpypWSyASpejLa368uxMRMKRz57lXldm4oxGoKmXiquuq1GEWiXZN7DNVWwBl3p8V8QgosEp9pgQYs%2F0syKxBDPiHm06vEcDrUPvyCK67KcCASo3NHmENSQH9aWdcmJv6l7oYR2%2Btek5oQqXZEjhiU2aAaZCyJSPKYjboxvZao%2B%2FiU20Ryy7Hja0MZFm4ugW0TFwuXTe91JeNthI9a14%2FShZ3dyB9E57qUQcnawm2F4YeYHHuBDbS8nBGob%2B%2BccVoQSM%2FfWYaa9QaONSevhs5Q7P%2FMV3JqlGPkV78SteT911AKpv04t8K9DSunsKLigsDxlbj1A16NkPonhFHv5ZDGdr18H7lEr0tStFKevpSUqwTxKZkowSBBnZVmiOoTn0K%2BKdBwlNw6Y5GJ2jqKtqoVg1jTSQfxXIWo8kbqJ%2FX%2BMh7XoLulnVeM6KnESyxe6e%2BIJXdz315KuIu8N8AVZVrb9QzxFAbTd3AAuBqsPd8a1MJ4cQVzh%2BjfOPB96i4sZog6NSL9UCmRtUhzeXMFNt%2FuxoKG0sTZ7xXooNybb7%2F2LeaglMpO1FDK2aD1CZ6OVNmHj5mGLvegB%2BNk9iX1XAIgTdEI0pnxLiIQFHwD7BOMDr%2FOu1IIPjhTlxgABWU1hfS6AGz12wkOOr9yErLtjusz%2BnPw5vpBbNprI88GFyjMzOX3ovAH0Q6lYStGZV9cwcJoiT%2FJ%2BsyWWLoX8gqeVyb%2Bpe6GEdvrAjRSARd8lLJ1ii%2FjfqpJnRs7ABeOTtRAoedgutrFw2vo0Bx9Eg8K3lORZUc7LQ1FnDEw5eTCzP8%2Buk5NFsHD3IreYQWEm35HkRWgLpNs9cpzhmVzIVdEcGgrmXNWnrB%2F2BqSc82z0sN7eBRoGFTnu3z7mOkdp2AeZiW%2FUzi5JNDFIVXgHHSsDfmcbWMw8gwO5c8BMfgLhQVonL09FEDwxOd3%2FOt1LtWI3G%2BPOOJH%2B1mEG18mZlc9R9OZe2sgTp50whEPmdaabxou0CecayX2TqgDK%2BXL2Yh50NRJIGbDvDe8G2gTighNbmKc1iB%2BeNiOk0saeWEd5XAt8Gr9FX5xbBBDPiHm06vEPGroyRY05PV%2BTCgCGZ0IGDnxYgx07Cm5ahO4HiTzGRxJawsW1bCvYJ3j%2Fp%2FNQ053&amp;df=1">
                        <img src="https://img.alicdn.com/imgextra/i4/122591204/O1CN012a9N901KlTZstPQks_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" width="198px" height="198px">
                        <div class="title-text"><span>卡其色百褶裙女半身裙短裙夏季2024新款高腰显瘦jk西装a字裙</span></div>
                        <div class="price-con"><span>￥70</span></div>
                        <div class="seller-name"><span>loannina旗舰店</span></div>
                        <div class="item-footer"><div class="sell-info"><span>月销 1000+</span></div></div>
                        
                    </a>
                </li>          
                <li>
                    <a href="https://click.simba.taobao.com/cc_im?p=%C5%AE%D7%B0&amp;s=1995166436&amp;clk1=front_lwydvurwao2tus9ocfh&amp;k=1401&amp;e=FSqm14lFxhWBGw%2F5Itq7P%2FppeVIvc8RQv7WJc3pvGgCmo7rxlcTFaWxrSYi9pgN9Z%2Ft0NHhg%2FE9ynDHv4jVb9rKL0slB3bPL7dgv3vVACqTqPvgo35n7x%2Bit4hcSbQvda3ZB%2BG1ngM4v3iY3UZfnBNssQCkfeivUkwDI1SkG7MJhj258xJNdPXTG1Md4t9WwHKRVy%2BDOe4hfLwI35NZuXiYTIhhaNGpXr3f3eeBENkh5XpQzmaRbrz%2FSLGdcqE2eSuE7GCA3Z%2F9HXTS9W1LoUWGyMwyZuFMRBM7uWLrnArH1RIoMby5xeJ7CAlAQNSTqjF4t93pA2ecugO0prSQ9tBP91cGpH88ONhBiqyKS0rYXDBapJGB4LSeEZY0dDshu2Y%2F%2BKhVWFgE74z5EH6VsL7MdJOM82R0LyT8WYys4IK6z3ssRA1ixukb4YI7VX73Uc67IoJKlWnlE2Z3b8Xyvov6%2BSJ%2BHe7P3xhhhRKwDBEeIlXmyiuCnaACutSIFuoJ%2BxVe10DBzvIpxoWckKNkypuq6kqLA0AGtLigLv1TCtzChWUQKS33AdBMcRDheczcfAqmzcx3gHjHhIIUWPYfOAlNXmcdKP%2FrwgH6U4eigTEG%2B6FOyBm%2FCPgz07F4wZX%2FTNeLkiZes5stW8TLexaEz%2BYGsyhcATPCF8rwRjyAvcs8WMJraiQSVT9GXBR%2B3yEwzGgSE5tPbfb6zyWdM%2F3zPS6B37LCci3Bn8zzki9IW%2B7ewZV3HaIV53u0TveD1I4b3Q1x%2FBdlkfUf%2F9bYXcseue32TSt%2BIqUjH9hDQ%2FL3F6hp3PdN0TB06p%2Fr1kV8WQW8tz1s1HFVoTRqPGUC60F4Kc917qqjMIQx6NstpEjHoR1obz0SfQQw5M%2BjSV2fqZTB4aepyRHtokR0wIJ1f0jji4HS044x4I0UXYTX4nvhlOeye%2FzhHhck9EyDG7hs7c7urCc1nAIyvEvQR%2FhJljzVfvzYQYqsiktK2OPTOBcoqw5x3LHKnMK0%2BkirKULFrsunrA%2FmdOyKmBfxrZxSRNoPsFKF2KU%2F8erv81jVhKTlge7qHhPWbVd2NEXfjGtSsUQWyHnDetMwx502zslD7xp4zic8kI%2FdDVEyY%2BJKLqR0talWV2nKSXXLA6IxeLfd6QNnnClW%2B%2FBWpk699LeL%2BuRFqkilIJEC5OPU0pPnAycbpY5xUwzIK3VcktPf%2FsWbv2jSpUGG4jTBn1U%2BoY7FcCEufclNXmcdKP%2FrwgH6U4eigTEG%2B6FOyBm%2FCPgz07F4wZX%2FTNeLkiZes5sv4cZKSVnoFoFzdoeqHwfnYGb7lgcaZkwix10RF%2FXusH7OHiON89lXSdBHeNIa14guvdkW%2Fuqp9Br84VBaOf4Y5i%2FLpphKR2LgsVo1Xy7OcaQ%3D%3D&amp;df=1">
                        <img src="https://img.alicdn.com/imgextra/i3/1155600074/O1CN01L8ttsL1CPw9hU4cZR_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" width="198px" height="198px">
                        <div class="title-text"><span>2023欧货时尚气质轻奢高级感职业套装女装雪纺衬衫连衣裙</span></div>
                        <div class="price-con"><span>￥398</span></div>
                        <div class="seller-name"><span>欧莎影旗舰店</span></div>
                        <div class="item-footer"><div class="sell-info"><span>月销 100+</span></div></div>
                        
                    </a>
                </li>          
                <li>
                    <a href="https://click.simba.taobao.com/cc_im?p=%C5%AE%D7%B0%C8%B9%D7%D3%C1%AC%D2%C2%C8%B9&amp;s=942694250&amp;clk1=front_lwydz8jvyrubtyyy6e&amp;k=1421&amp;e=SVqTDIJZbqrEOZtPgGXn2LTU73hvgWT8yLYQvMAUWCHdPnugTuWWLouk8VCIO80HJ2u8K1PJkJrgNe0ZIdVbRhLWnkejZ7R0fymDGJEPPgJIXqaMsVF%2BxjIPk%2BW1jD5U3%2FFjVSUTuM4iJLFkuvUZzktk73HjbPwkiAVVSfzFqUP4ShPFhBtI6IZpfDcoLM2%2Fs8dM83pOUYKR%2F1sMXJ918T%2FwuO6YOD2fLYY4HspOr61YPgwo6NMLkhoymsxYFaJ21XaLuoXnenj2pscPCYCnanGbsmOy3pmVpUilnlnxRxe6qAe0%2FRjwA%2BP666Wq1QsHAE9cXEcof6LhF7YoQjeY7HHzMi2mPim4Sxy0NXG9jgXspmoei9EBmNIMBahnlOT3iIldNP4S5C7rVslHhxu%2FtcCCAQb9WSLbfWu4evWh9u0gJXMJqGNm2A2KGT%2BFxTQ7PI6n%2FUZW0sgfHeBJeFhtt9Kt8zYyKFdiO%2F8gJFC1BfuiKSr5z3J1sZZouZMcRMaAm1SZreS9lW6opwblITBdjwGdsUVI59aVQrKvquz2SsiwoCocw%2FPma6brB6pZmV3IJcjGBbpQQ8rqUCXEg63tQoXus4Jk1fm0U06zvxrhiOpHSl0tTcY9P4I1mYUNb4pHunH%2FrZ1EnEAqcwTlvJkG3Opyap%2FwchLETqnSw4FFI1tgjwHvP3Qp5FFuOMgOP9R%2BKPuWI%2FG8Wn2b0ZELrN%2BPtvM0kfRzBUWHe4r%2B%2FKT7k2XtkNpwnGCiLZiEp3o0u0I3brPmB1p7Z%2ByS4F35wSagR1itE9Ef40Scfan3eZXL%2Ba8rnYRWBAyHPmuHhagHASlBVPXOJtY9ElnmqYtzrxwSByAewPc3qK74QLzewgiNLJeXcaInjwBAmTnsfTTudUMUPGbH17H%2FCp3LCciVklKvIkuFiFpK%2F9ui%2BBt5YZVGsxUe%2FU9wTqQMVUeVgrgUn%2BKfBQiT699LFL1xiRVB%2FaNfziV7FC8hXZQZ44oLFQerdUVCuOrnTcrEqsCwhVUIP99RAoERlMZcGlUpP1xBWYo23ZyO%2BVrTApYPo2Az1AtFUNrMbwTfH4ZjBEQ6zAMnwoISDRvt%2BY8LGLVPN0%2Fntb7LR5SMtnYt5hp2e6nicvFyDlBTgrXDJPvNiD8B%2FE7Tchlu2qUEdEpdEI%2Ft0gk1D80GUyC1juzfNd0qqxfYvJmXLMHpCjA8EccotRwnH1cCxgX0n8HXgmcI%2F1Xd8Gs8apT3FNGoumP3zW276GuACH79rQ4mN4GUhzOHmWH%2FldGO%2FijReXT52dJTR4gGjCSDDTjLJLCQ5r6fJlTTzbh0i0cFjvHByMs6mOgqp8BU2coAE8yMRO9oZbZn3Y2v%2Bn727XRMtaAEdromXAnzp%2FbdRo0uDDQNU%2FAxm3uCMxzLe%2ByKYgNuM5iSZw4Spws%3D&amp;df=1">
                        <img src="https://img.alicdn.com/imgextra/i3/53079294/O1CN01tcd8yQ2IWhk1dPBAy_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" width="198px" height="198px">
                        <div class="title-text"><span>钉珠显瘦奢华雪纺婚庆宴会场合交际礼服红色连衣长裙</span></div>
                        <div class="price-con"><span>￥1680</span></div>
                        <div class="seller-name"><span>李红国际旗舰店</span></div>
                        <div class="item-footer"><div class="sell-info"><span>月销 55</span></div></div>
                        
                    </a>
                </li>          
                <li>
                    <a href="https://click.simba.taobao.com/cc_im?p=%C1%AC%D2%C2%C8%B9&amp;s=397539034&amp;clk1=front_lwye2244ljaq17gdnx&amp;k=1337&amp;e=fs66duV%2F%2FYmlrgbaI9TlwmpXA%2BTYrUzWx86ygOZ%2BY%2Bpn4gLbCfph9X6AOnpKtui1Au0r5yJ5463Vc5fwdrJbTdivATrUYkhnjCuBmGTkowUK3Acb9eo%2BW%2FiltvN8agn8MfUfeIVUXrHTawhPra8uQ6yR0hDh1oYS4X23062e%2FowGpFpAXuNeSTS8b7cWGiD25ZaBrw%2B0kJPTZ6K1qVdbaYoar09HyjkGi%2BVH0hlYEgc%2Bqe0FsZ%2FpXjJQYdD5wGiU3ybwdYSe30T2MTy6Nbvk86yzCI5EOCqPvnuJljr21esn6NyYeMTxujQHDrbP0PEzpG7G2SiC%2FgfJXBrxzMcoCQ8ffoV54moA4FKL%2B7ESPkKWPpTfB5KoIubTjf5Dt9bupgZ98uHQeNkRpXoT363NL3Vy1LuGkIiQfsV1c%2BMtPXO4tdP24L9SkwriZ9sY8vap2Pn0257Bd1oQKLN838BeJzpl42v5UxFWhUDn%2BFuHPKzDNzh0HhBkBR9l3%2BpA3Gu%2BEpRJ%2Fx15%2BjfVSu2ehfpNlzBLlmCCH1y5wbyc8Hp5oaFsBFx9EXXfowh3%2FlNPvSUvnAKFJoWeIMP2aSUTilQ6bRczuLLtn4tsWC3Y0jrhF9sVdWLyfp0%2BS7X9kqvkJiU5cX21%2BR%2FOhprvI46iVTqAjQQl%2FgrLbYJOzu1m8L3yNTtQe2Lh9ScK%2FO5Z82JXhsziNNA1ZoHg9wFfMHylEcjQxRY7%2FCCfdxSK%2BEbsFQbxR3ljPPKPBQH6C4uc5wFHOeFzHhTgcAKG6rgLYgwHFH%2BfyZEr%2BbWZ2c9FGSUwIiGaUgugR0e5tI8YndsbsSdM6yPQFaml%2FToza9kiLis2%2FlmAxg9lT1VH%2FefiMvQ2n8CYiIIIgM59Y20VuwR06Ma37nG9oK8L1CICVFxtu4bpuORzuivTB0WOEkBGXQKMwoxJJeWkbKSAJY6VDJYbMrnmEbFF6gMIgUpwydL3aCwk%2BxNSDT1qSIUBwAyTucuB%2BThqRMwwPNZbS1TFOuflySHNZVcsABrz0O9kgDR1ctS7hpCIkIswZP%2Bj%2Fxq%2F3zEXURgWSO88zpFZoW4OgpJRH%2BWWifUoo6vM%2FYpu6B5TB78bxcmgLT%2FiMDZX%2BKU6sHOuDVPuS5kJ2VBA7am7VDBQ26cY47IaJqU9TorIv1PhoTRM57XnHwrpREKpxO44Ow8ehZ%2BWO2A%2FzqcaKgwDp7WlAsL5%2FoFQw9WN7QLY0LOwPbre9S8oSLf8IRAKL4rAUBhyvNDwCAfqY%2FRkO0SWY3F9tfkfzoaaVINv1w%2BAs25Qe2Lh9ScK%2FO5Z82JXhsziPH2k4vJwTCq3v83sUqN7yQ%3D%3D&amp;df=1">
                        <img src="https://img.alicdn.com/imgextra/i4/45454025/O1CN0198ACxf1fbV7opcgDe_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" width="198px" height="198px">
                        <div class="title-text"><span>小个子绿色挂脖露肩连衣裙子女夏季法式气质高级度假长裙</span></div>
                        <div class="price-con"><span>￥133.9</span></div>
                        <div class="seller-name"><span>Hohrii霍丽｜女装批发 每日上新</span></div>
                        <div class="item-footer"><div class="sell-info"><span>月销 1000+</span></div></div>
                        
                    </a>
                </li>          
                <li>
                    <a href="https://click.simba.taobao.com/cc_im?p=%C1%AC%D2%C2%C8%B9&amp;s=397539034&amp;clk1=front_lwye2244ljaq17gdnx&amp;k=1421&amp;e=9Fiktmd4XpKlrgbaI9TlwmpXA%2BTYrUzWx86ygOZ%2BY%2Bpn4gLbCfph9X6AOnpKtui1Au0r5yJ5460s%2FCKCGVpfIyhUVb%2Bu7K%2B1DfgFESt%2Bl1GrYXs7GOwrZPiltvN8agn8MfUfeIVUXrHTawhPra8uQ6yR0hDh1oYS4X23062e%2FowGpFpAXuNeSTS8b7cWGiD25ZaBrw%2B0kJPTZ6K1qVdbaYoar09HyjkGi%2BVH0hlYEgc%2Bqe0FsZ%2FpXjJQYdD5wGiU3ybwdYSe30T2MTy6Nbvk80Iln%2BtN5mrqVBHMa12YXCBOTw8EHZlzLHM8L3yI%2FTP4xkbHHZ5ObnaRyY0%2FQWZlkKS7P7KVyD45s%2BGDtHRMaeN%2BzbCmCThWYW8D2q7e1WAONHqAY4hFkmB0qFM9%2BN6UFKip2GXSKtiDnXlR5m5ej454rlOcciOMf3DWRj%2FlAMzwiqvIsdqD6A9lEElkex4SKZc0i0XaeOfn1DFPkL1WRlYiK06SUynd2dFaTydSYa21oyghRkHN3By6fIoxF7dtbQAvDdMQFnTyKLYvAwEVGvm2Dclqt4m4Qpp4v64V4VxzOTJXBCZXuHe4lc3M5UYncKfjHq4KHpdFBCX%2BCsttgk7OL%2FbxU%2BVDHm1Mc2gdqM2RaMG7HH17WVOb1gItlYjLS6MoIUZBzdwce9n2Ux4aqh8dwpWZ1srga474alptoqH49n69Yc3W0vsPxlmXZOJmQZ50uTH9MNmlOjzq3b%2B83jLJy35NaYfPtGJgEk09MUxTEHwSgXMI3BoUnDvYPfgp7AjaqOZbESbDoGLS9XgL8%2F%2Fm1kqWzayJzuJY3e7nTN3P0JFP1oxjyai9PGHN8Y7n6aS75Nbha%2B%2BLkPsz3C35Gzhow5uTMQ6gB0tvIerq4PCDHoNtkP2%2BsA2tIr170k3pa%2BSdGv7XekZCLQ52D2R3Pc5hXxh%2BeJu7%2FQRdRQk5iPZfOW8bFNLjbrevmK%2BuVtOuoczpFDvUcVU5%2BDTxoUI2BK0jofPgd%2FPlVAf1QfBA%2FpXgWIvRGFSl4wR8VwrPdY7iucrTF7b6Y1NS%2BhWTDuyhDauR6k6OYYHO0PqxYhL2bAPeoS%2BnZiqO0WHK2vHUggTrHh7FEWh3R9ZtwHoX1pWoN2mSdNgn1eJmEdCybTcPU1ncxkbHHZ5ObnZei%2BKGdLG%2FB2xpgz1sliIT7zmAssasWL6aW859d%2FeOLRAfoJwDnaCSdYr02%2BfG%2FkpmqFVdXieTBMeDzsEoGmY9bWMa8wcTSF24lc3M5UYncKfjHq4KHpdFBCX%2BCsttgk7OL%2FbxU%2BVDHm1Mc2gdqM2RaMG7HH17WVOyRkPpTHu17D7e0NLPiFM7oyghRkHN3Bx72fZTHhqqHy7wSkKctWouoS%2BnZiqO0WEzDJBIkfAHdKs9%2BDVddiI1mfRLG7TRdYI%3D&amp;df=1">
                        <img src="https://img.alicdn.com/imgextra/i2/1191800155/O1CN01UdBCbZ1D12LL0Zweu_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" width="198px" height="198px">
                        <div class="title-text"><span>法式学院风蓝色衬衫连衣裙女夏季2024polo领裙子</span></div>
                        <div class="price-con"><span>￥199</span></div>
                        <div class="seller-name"><span>丹赛姿旗舰店</span></div>
                        <div class="item-footer"><div class="sell-info"><span>月销 1000+</span></div></div>
                        
                    </a>
                </li>          
            </ul>
        </div>
        <div class="B2"></div>
    </div>
    <div class="C">
        <span class="C1">&lt;上一页</span>
        <span class="C2">......</span>
        <span class="C3">下一页&gt;</span>
        <span class="C4">首页</span>
    </div>
    <div class="D">
        <div class="D1">
            <a target="_black" href="//help.alimama.com/" class="D11">联系客服</a>
            <a target="_black" href="//open.taobao.com/" class="D11">开放平台</a>
            <a target="_black" href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_ali_mama_division/suit_bu1_ali_mama_division201709111812_13128.html" class="D11">法律声明</a>
            <a target="_black" href="//jubao.alibaba.com" class="D11">廉正举报</a>
            <span class="D21">Taobao.com版权所有 2003-现在</span>
            <a target="_black" href="http://beian.miit.gov.cn" class="D21">增值电信业务经营许可证：浙B2-20070195</a>
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010002000075">
                <img src="./4.png" style="vertical-align: -2px;margin-right: 4px;" class="D21">浙公网安备 33010002000075号</a>
        </div>
        
        <div class="D3">
            <a target="_black" href="http://www.alibabagroup.com/cn/global/home" class="D31">阿里巴巴集团</a>
            <b>|</b>
            <a target="_black" href="//www.taobao.com" class="D31">淘宝网</a>
            <b>|</b>
            <a target="_black" href="//www.tmall.com" class="D31">天猫</a>
            <b>|</b>
            <a target="_black" href="//ju.taobao.com" class="D31">聚划算</a>
            <b>|</b>
            <a target="_black" href="//www.aliexpress.com" class="D31">全球速卖通</a>
            <b>|</b>
            <a target="_black" href="//www.alibaba.com" class="D31">阿里巴巴国际交易市场</a>
            <b>|</b>
            <a target="_black" href="//www.1688.com" class="D31">1688</a>
            <b>|</b>
            <a target="_black" href="//www.alimama.com" class="D31">阿里妈妈</a>
            <b>|</b>
            <a target="_black" href="//www.fliggy.com" class="D31">飞猪</a>
            <b>|</b>
            <a target="_black" href="//www.aliyun.com" class="D31">阿里云计算</a>
            <b>|</b>
            <a target="_black" href="http://www.alios.cn" class="D31">AliOS</a>
            <b>|</b>
            <a target="_black" href="//aliqin.tmall.com" class="D31>阿里通信"</a>
            <b>|</b>
            <a target="_black" href="http://www.autonavi.com/" class="D31>高德"</a>
            <b>|</b>
            <a target="_black" href="http://www.uc.cn/" class="D31">UC</a>
            <b>|</b>
            <a target="_black" href="//www.umeng.com/" class="D31">友盟</a>
            <b>|</b>
            <a target="_black" href="//www.xiami.com" class="D31">虾米</a>
            <b>|</b>
            <a target="_black" href="//www.dingtalk.com/?lwfrom=20150130163937547" class="D31">钉钉</a>
            <b>|</b>
            <a target="_black" href="//www.alipay.com" class="D31">支付宝</a>
            <b>|</b>
            <a target="_black" href="//damo.alibaba.com/" class="D31">达摩院</a>
        </div>
        <div class="D4">
            <a target="_black" href="http://www.zjjubao.com/?spm=a21bo.jianhua.1997523009.44.5af911d9Vb95w7">
                <img align="absmiddle" src="./1.png" alt="网监局">
              </a>
            <a target="_black" href="http://idinfo.zjamr.zj.gov.cn/bscx.do?method=lzxx&amp;id=3301843301002003002431">
                <img align="absmiddle" width="40" src="./2.png">
            </a>
            <a target="_black" href="https://www.12315.cn/?spm=a21bo.jianhua.1997523009.43.5af911d9Vb95w7">
                <img align="absmiddle" alt="网监局" src="./3.png">
            </a>
        </div>
    </div>
</body>
</html>

运行结果：

第二个：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业2.4</title>
    <style>
        .A{
            height: 129px;
            background-color: #c03338;
            text-align: center;
        }
        .B{
            height: 730px;
            background-image: url(https://cas.hnu.edu.cn/cas/assets/images/login_bg.jpg) ;
            background-size: cover;
        }
        .B1{
            width: 700px;
            height: 400px;
            background: rgba(255, 255, 255, .75);
            margin: 0 auto;
            margin-top: 100px;
        }
        /* .B11,.B12{
            float: left;
        } */
        .B11{
            position: absolute;
            width: 320px;
            height: 340px;
            margin: 30px;
            background: #fff;
        }
        label{
            color: #bf3338;
            font-size: 28px;
            line-height: 60px;
            margin-left: 15px;
        }
        .B112,.B113{
            border: none;
            box-shadow: none;
            color: #666;
            border-radius: 0;
            padding: 0 ;
            margin-top: 9px;
            font-size:15px;
            /* text-decoration:underline; */
            margin-left: 100px

        }
        hr{
            width: 260px;
            margin: auto;
            margin-top: 20px;
        }
        .B113{
            margin-top: 50px;
        }
        .B1131{
            margin-top: 15px;
        }
        .B114{
            background-color: #90181c;
            color: #fff;
            border: none;
            width: 260PX;
            height: 32PX;
            margin: auto;
            margin-top: 50PX;
            margin-left: 30PX;
            border-radius: 10px;
        }
        .B121{
            margin: auto;
            font-size: 25px;
            color: black;
            margin-left: 100px;
            
         
        }
        .B12{
            width: 320PX;
            height: 340PX;
            /* background-color: pink; */
            margin-left: 380px;
            margin-top: 25px;
        }
        .B122{
            margin-top: 30px;
        }
        .B123{
            font-size: 13px;
            color: #373737;
            margin-left: 80px;
            line-height: 10px
        }
        
        .C1{
            margin: auto;
            color: #fff;
            font-size: 12px;
            text-align: center;
            margin-top: 50px;
            line-height: 2px

        }

        
    </style>
</head>
<body>
    <div class="A">
        <img src="./huda.png" class="A1" height="128px">
    </div>
    <div class="B">.        
        <div class="B1">
            <div class="B11">
                <label>
                    <b>登录</b>
                </label>
                <input type="text" placeholder="职工号/学号" size="25" class="B112" ><hr>
                <input type="password" placeholder="请输入个人门户密码" size="25" class="B113" >
                <hr class="B1131">
                <button type="button" class="B114" >登 录 </button>
            </div>
            <div class="B12">
                <span class="B121">微信登录</span>
                <img src="./erweima.png" width="281px" height="281px" class="B122">
                <p class="B123">使用微信扫一扫登录</p>
                <p class="B123">“湖大统一身份平台”</p>
            </div>
        </div>
        <div class="C">
            <p class="C1">湖南大学版权所有©2020年    通讯地址:湖南省长沙市岳麓区麓山南路麓山门    邮编：410082   </p>
            <p class="C1">湖南大学 湘ICP备09007699号 湘教QS3-200503-000481 湘教QS4-201312-010059 技术服务电话：88821520</p>
        </div>
    </div>
    
</body>
</html>

运行结果：

第三个：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业2.3</title>
    <style>
        .A{
            height: 800px;
            background-color: #F0EFF2;
            /* border: -3px; */
            margin: -10px;
            margin-top: -22px;
        }
        .B{
            height:44px;
            margin-top: 22px;
            margin-bottom: 22px;
        }
        .C{
            width: 725px;
            height: 354px;
            border-radius: 18px;
            background-color: #fff;
            position: relative;
            margin: 0 auto;
            padding: 80PX 50px 80px 80px;
        }
        .C11{
            height: 16px;
            margin: 0;
            font-size: 22px;
            font-weight: 600;
            line-height: 16px;
            color: #ff6200;
            margin-left: 40px;
        }
        .C11,.C12{
            width: 16PX;
            width: 88.8PX;
            padding: 0PX 20PX;
            text-decoration:none;
            
        }
        .C12{
            color: black;
            font-size: 22px;
            /* position: absolute;
            top: 50px;
            left: 100px; */
        }
        .C13,.C14{
            padding-left: 20px;
            height: 48px;
            width: 330px;
            border-radius: 8px;
            opacity: 1;
            border: none;
            background: #f3f6f8;
            margin-top: 25px;
        }
        .C13{
            margin-top: 50px;
        }
        .C14{
            margin-bottom: 50PX;
        }
        .C15{
            background: #ff6200;   
            font-size: 16px;
            height: 48px;
            width: 350px;
            border: none;
            margin-bottom: 50px;
            border-radius: 5%;
        }
        .C21,.C22,.C23,.C24{
            color: #50607a;
            font-size: 14px;
            text-decoration:none;
        }
        .C21{
            width: 22px;
        }
        .C22,.C23,.C24{
            width: 21;
            margin-left:12px;
            margin-right: 12px;
        }
        /* .B,.C,.D{
            float: left;
        } */
        .D1{
            color: #11192d;
            font-size: 22px;
            margin-left: 85px;
            width: 264px;
        }
        .C16{
            margin-left: 100px;
            margin-top: 50px;
        }
        .C12{
            margin-top: 20PX;
        }
        .CC{
            width: 355px;
        }
        .D{
            width: 265PX;
        }
        .CC,.D{
            float: left;
        }


  
    </style>
</head>
<body>
    <div class="A">
        <div class="B">
            <h1><a title="淘宝网" class="logo-link" href="//www.taobao.com"></a></h1>
            <img src="data:image/png;base64,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" width="72px" height="42px">
        </div>
        <div class="C">
            <div class="CC">
                <div class="C1">
                    <a href="javascript:void(0);" target="_self" class="C11">密码登录</a>
                    <a href="javascript:void(0);" target="_self" class="C12">短信登录</a>
                    <!-- <span>手机扫码安全登录</span><br> -->
                    <input type="text" class="C13" placeholder="账号名/邮箱/手机号" ><br>
                    <!-- <img src="./image.png" class="C16" width="182px" height="182px"> -->
                    <input type="password" class="C14" placeholder="请输入登录密码"><br>
                    
                    <button type="submit" class="C15">登录</button>
                    <!-- <canvas height="220" width="220" width: 176px;"></canvas> -->
                    
                </div>
                <div class="C2">
                    <a href="javascript:;"class="C21">支付宝登录</a>
                    <a href="https://reg.taobao.com/member/newbie.htm?from=login" class="C22">免费注册</a>
                    <a href="https://passport.taobao.com/ac/nick_find.htm?from_site=0&amp;lang=zh_CN&amp;app_name=tb" class="C23">忘记账号名</a>
                    <a href="https://passport.taobao.com/ac/password_find.htm?from_site=0&amp;lang=zh_CN&amp;app_name=tb&amp;tracelog=signin_main_pass" class="C24">忘记密码</a>
                </div>
            </div>

            <div class="D">
                <span class="D1">手机扫码安全登录</span>
                <img src="./image.png" class="C16" width="182px" height="182px">
            </div>
        </div>
        
    </div>
</body>
</html>

运行结果：