菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 谷江涛-20221020-css项目实战 [打印本页]

作者: 暴风雨 时间: 2022-10-21 00:07
标题: 谷江涛-20221020-css项目实战
一、今日内容：<div class="shurcut">
      <div class="w">
         <div class="denglu">
            优购商城欢迎您！
         < a href="#">登录</ a>
         < a href="#">免费注册</ a>
         </div>
         <div class="denglu-right">
            < a href="#">我的订单</ a>
            <span>|</span>
            < a href="#">我的优购</ a>
            <span>|</span>
            < a href="#">会员</ a>
            <span>|</span>
            < a href="#">企业采购</ a>
            <span>|</span>
            < a href="#">客户服务</ a>
            <span>|</span>
            < a href="#">网站导航</ a>

         </div>
      </div>
</div>

<div class="h ">
      <div class="heart w ">
      <div class="logo">
         < a href="#">
            <img src="./images/logo3.png" alt="">
            </ a>
            <div class="search">
            <input type="text" placeholder="农药皮肤大出血">
            <button><span  class="iconfont icon-seach"></span></button>
            </div>
            <div class="input-bottom">
            < a href="#" class="first">新款连衣裙</ a>
            < a href="#">四件套</ a>
            < a href="#">潮流体恤</ a>
            < a href="#">时尚女鞋</ a>
            < a href="#">短裤</ a>
            < a href="#">半身裙</ a>
            < a href="#">男士外套</ a>
            < a href="#">墙纸</ a>
            </div>
            <div class="carshop">
            <span class="iconfont  icon-gouwuchekong"></span>
            购物车
            <i>18</i>
            </div>
      </div>

      </div>
      <div class="h-bottom w">
         < a href="#" class="first">全部商品分类</ a>
         < a href="#">潮流服饰</ a>
         < a href="#">美妆馆</ a>
         < a href="#">电玩街</ a>
         < a href="#">电器城</ a>
         < a href="#">家世界</ a>
         < a href="#">母婴区</ a>
         < a href="#">会员专享</ a>
      </div>
</div>

                  </h4>
                  <p>￥888</p>
            </li>
            <li>

                  <img src="./upload/cosmetics/4.jpg" alt="">
                  <h4>
                     乔丹
                  </h4>
                  <p>￥888</p>
            </li>
            <li>

                  <img src="./upload/cosmetics/5.jpg" alt="">
                  <h4>
                     乔丹
                  </h4>
                  <p>￥888</p>
            </li>
            <li>

                  <img src="./upload/cosmetics/6.jpg" alt="">
                  <h4>
                     乔丹
                  </h4>
                  <p>￥888</p>
            </li>
            <li>

                  <img src="./upload/cosmetics/7.jpg" alt="">
                  <h4>
                     乔丹
                  </h4>
                  <p>￥888</p>
            </li>
            <li>

                  <img src="./upload/cosmetics/8.jpg" alt="">
                  <h4>
                     乔丹
                  </h4>
                  <p>￥888</p>
            </li>
            <li>

                  <img src="./upload/cosmetics/9.jpg" alt="">
                  <h4>
                     乔丹
                  </h4>
                  <p>￥888</p>
            </li>
         </ul>
      </div>
   </div>
</div>


<div class="footer ">
   <div class="w">
      <div class="footer-top">
         <ul>
            <li>< a href="#"><span class="iconfont icon-liwu"></span>预约维修服务</ a></li>
            <li>< a href="#"><span class="iconfont icon-liwu"></span>预约维修服务</ a></li>
            <li>< a href="#"><span class="iconfont icon-liwu"></span>预约维修服务</ a></li>
            <li>< a href="#"><span class="iconfont icon-liwu"></span>预约维修服务</ a></li>
  二今日问题：

无
三解决方法：
无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)