1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>JD手机首页</title>
  8.     <link rel="stylesheet" href="./fo1/iconfont.css">
  9.     <link rel="stylesheet" href="reset1.css">
  10.     <link rel="stylesheet" href="./header.css">
  11.     <link rel="stylesheet" href="./mv/iconfont.css">
  12.     <link rel="stylesheet" href="./footer.css">
  13.     <link rel="stylesheet" href="./main1.css">
  14.     <link rel="stylesheet" href="./ms1.css">
  15. </head>
  17. <body>
  18.     <!-- 页眉 -->
  19.     <div class="header">
  20.     <div class="menu iconfont icon-toggle"></div>
  21.     <div class="search">
  22.         <div class="JD">JD</div>
  23.         <div class="zoom iconfont icon-fangdajing"></div>
  24.         <input type="text" value="水果西瓜" class="words" />
  25.     </div>
  26.     <a href="" class="login">登录</a>
  27.     </div>
  28.     <!-- 主体 -->
  29.     <div class="main">
  30.         <div class="ms">
  31.             <!-- 秒杀头部 -->
  32.             <div class="ms-top">
  33.              <div class="left">
  34.                <div class="title">京东秒杀</div>
  35.                <div class="notice">
  36.                  <div class="tips">20点专场</div>
  37.                  <div class="time">01:40:33</div>
  38.                </div>
  39.              </div>
  40.              <div class="right">更多秒杀</div>
  41.            </div>
  42.            <!-- 秒杀主体区 -->
  43.             <ul class="ms-body">
  44.               <li class="item">
  45.                 <a href=""><img src="./1.png" alt=""></a>
  46.                 <div class="iconfont icon-rmb">338</div>
  47.                 <div class="iconfont icon-rmb">558</div>
  48.               </li>
  49.               <li class="item">
  50.                 <a href=""><img src="./1.png" alt="" /></a>
  51.                 <div class="iconfont icon-rmb">3456</div>
  52.                 <div class="iconfont icon-rmb">4567</div>
  53.               </li>
  54.               <li class="item">
  55.                 <a href=""><img src="./1.png" alt="" /></a>
  56.                 <div class="iconfont icon-rmb">789</div>
  57.                 <div class="iconfont icon-rmb">999</div>
  58.               </li>
  59.               <li class="item">
  60.                 <a href=""><img src="./1.png" alt="" /></a>
  61.                 <div class="iconfont icon-rmb">3213</div>
  62.                 <div class="iconfont icon-rmb">4532</div>
  63.               </li>
  65.             </ul>
  66.         </div>
  67. <ul class="nav">
  68.     <li>
  69.         <a href=""><img src="./1.png" alt="" /></a>
  70.         <a href="">京东超市</a>
  72.     </li>
  73.     <li>
  74.         <a href=""><img src="./1.png" alt="" /></a>
  75.         <a href="">京东超市</a>
  77.     </li>
  78.     <li>
  79.         <a href=""><img src="./1.png" alt="" /></a>
  80.         <a href="">京东超市</a>
  82.     </li>
  83.     <li>
  84.         <a href=""><img src="./1.png" alt="" /></a>
  85.         <a href="">京东超市</a>
  87.     </li>
  88.     <li>
  89.         <a href=""><img src="./1.png" alt="" /></a>
  90.         <a href="">京东超市</a>
  92.     </li>
  93.     <li>
  94.         <a href=""><img src="./1.png" alt="" /></a>
  95.         <a href="">京东超市</a>
  97.     </li>
  98.     <li>
  99.         <a href=""><img src="./1.png" alt="" /></a>
  100.         <a href="">京东超市</a>
  102.     </li>
  103.     <li>
  104.         <a href=""><img src="./1.png" alt="" /></a>
  105.         <a href="">京东超市</a>
  107.     </li>
  108.     <li>
  109.         <a href=""><img src="./1.png" alt="" /></a>
  110.         <a href="">京东超市</a>
  112.     </li>
  113.     <li>
  114.         <a href=""><img src="./1.png" alt="" /></a>
  115.         <a href="">京东超市</a>
  117.     </li>
  124. </ul>
  139.     </div>
  144.     <!-- 页脚 -->
  145.     <div class="footer">
  146.         <div>
  147.             <div class="iconfont icon-shouye"></div>
  148.             <span>首页</span>
  149.         </div>
  150.         <div>
  151.             <div class="iconfont icon-category-copy"></div>
  152.             <span>分类</span>
  153.         </div>
  154.         <div>
  155.             <div class="iconfont icon-che1"></div>
  156.             <span>购物车</span>
  157.         </div>
  158.         <div>
  159.             <div class="iconfont icon-weidenglu-
  160.             "></div>
  161.             <span>未登录</span>
  162.         </div>
  163.     </div>
  165. </body>
  166. </html>

更多相关文章

  1. 仿京东移动端首页的"部分"样式
  2. 【记账小程序】收入和支出首页展示与数字键功能、编辑后端分类列
  3. TP6之分页实战
  4. 百度蜘蛛ip地址大全，百度搜索引擎蜘蛛的IP地址段
  5. GitHub 个人首页如何定制
  6. crmeb 知识付费系统-首页说明-看云
  7. crmeb 多商户系统 首页精品推荐 推荐单品 首页新品 热门榜单里面
  8. crmeb 多商户系统 首页精品推荐 推荐单品 首页新品 热门榜单顶部
  9. 使用flex仿写手机首页

随机推荐

  1. Android(安卓)Developers:处理音频输出的
  2. 问题的解决: android sdk 2.1 update中Fa
  3. android 定时拍照并发送微博
  4. android下的junit test
  5. android getLastKnownLocation null
  6. 图片显示上下有空白的解决办法
  7. 调用android系统图标
  8. AndroiManifest.xml文件中android属性
  9. Android Studio(The Official IDE for An
  10. android Notification 的使用