<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小米商城</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/swiper.min.css">
<link rel="stylesheet" href="css/iconfont.css" />
<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
</head>
<body>
<div id="top_bar">
<div class="container">
<div class="bar_left">
<a href="javascript:void(0)">小米商城</a>
<span class="sep">|</span>
<a href="javascript:void(0)">MIUI</a>
<span class="sep">|</span>
<a href="javascript:void(0)">IoT</a>
<span class="sep">|</span>
<a href="javascript:void(0)">云服务</a>
<span class="sep">|</span>
<a href="javascript:void(0)">金融</a>
<span class="sep">|</span>
<a href="javascript:void(0)">有品</a>
<span class="sep">|</span>
<a href="javascript:void(0)">小爱开放平台</a>
<span class="sep">|</span>
<a href="javascript:void(0)">企业团购</a>
<span class="sep">|</span>
<a href="javascript:void(0)">资质证照</a>
<span class="sep">|</span>
<a href="javascript:void(0)">协议规则</a>
<span class="sep">|</span>
<a href="javascript:void(0)">下载app
<div class="download">
<img src="./images/download.png" alt="" />
<p>小米商城APP</p>
</div>
<div class="triangle"></div>
</a>
<span class="sep">|</span>
<a href="javascript:void(0)">Select Location</a>
</div>
<span class="shop_car">
<span class="num"></span>
购物车 (0)
<div class="cart">购物车中还没有商品，赶紧选购吧！</div>
</span>
<div class="bar_right">
<a href="javascript:void(0)">登陆</a>
<span class="sep">|</span>
<a href="javascript:void(0)">注册</a>
<span class="sep">|</span>
<a href="javascript:void(0)">消息通知</a>
</div>
</div>
</div>
<div class="white_nav">
<div class="container">
<div class="head_logo">
<a href="javascript:void(0)"></a>
</div>
<ul class="submenu">
<li>
<a href="javascript:void(0)">小米手机</a>
<div class="nav_select">
<div class="container">
<ul>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/小米10青春版.webp" alt="" />
<p class="title">小米10 青春版 5G</p>
<p class="price">2099元起</p>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/小米10pro.webp" alt="" />
<p class="title">小米10 Pro</p>
<p class="price">4999元起</p>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/小米10.webp" alt="" />
<p class="title">小米10</p>
<p class="price">3999元起</p>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/小米cc9.png" alt="" />
<p class="title">小米cc9</p>
<p class="price">1499元起</p>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/小米cc9e.png" alt="" />
<p class="title">小米cc9e</p>
<p class="price">1299元起</p>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/小米cc9美图.png" alt="" />
<p class="title">小米cc9 美图定制版</p>
<p class="price">1999元起</p>
</a>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="javascript:void(0)">Redmi红米</a>
<div class="nav_select">
<div class="container">
<ul>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/redmik30pro.webp" alt="" />
<p class="title">Redmi K30 Pro</p>
<p class="price">2999元起</p>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/redmik30pro变焦.webp" alt="" />
<p class="title">Redmi K30 Pro 变焦版</p>
<p class="price">3799元起</p>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/redmik30.webp" alt="" />
<p class="title">Redmi K30</p>
<p class="price">1599元起</p>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/redmik305g.webp" alt="" />
<p class="title">Redmi K30 5G</p>
<p class="price">1999元起</p>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="./images/nav/redmi8a.webp" alt="" />
<p class="title">Redmi 8A</p>
仿小米商城wed练习HTML+css
5星 · 超过95%的资源 需积分: 38 37 浏览量
2020-05-15
13:37:09
上传
评论 1
收藏 3.28MB RAR 举报 
仿小米商城wed练习HTML+css （410个子文件） 
style.css 18KB swiper.min.css 13KB iconfont.css 7KB reset.css 712B
index.html 159KB favicon.ico 1KB
lunbo1.jpg 479KB ban2.jpg 73KB ban3.jpg 69KB 4A-55.jpg 55KB ban1.jpg 52KB 4.jpg 37KB 2.jpg 37KB 32.jpg 36KB 26.jpg 32KB 24.jpg 30KB 6.jpg 27KB 25.jpg 27KB 17.jpg 26KB 31.jpg 26KB 1.jpg 25KB 27.jpg 25KB 27.jpg 25KB 3.jpg 24KB 26.jpg 24KB 2.jpg 22KB 1.jpg 21KB 7.jpg 21KB 5.jpg 20KB 16.jpg 20KB 14.jpg 20KB 15.jpg 20KB 33.jpg 19KB 34.jpg 18KB 1.jpg 18KB 32.jpg 18KB 2.jpg 17KB 17.jpg 16KB 7.jpg 15KB 1.jpg 15KB 13.jpg 14KB 4.jpg 14KB 6.jpg 14KB 4.jpg 14KB 28.jpg 13KB 3.jpg 13KB 8.jpg 13KB 2.jpg 11KB 2.jpg 11KB 35.jpg 11KB 1.jpg 10KB 23.jpg 10KB 37.jpg 10KB 7.jpg 10KB 36.jpg 10KB 25.jpg 10KB 6.jpg 9KB 11.jpg 9KB 16.jpg 9KB 37.jpg 9KB 26.jpg 9KB 38.jpg 9KB 22.jpg 9KB 5.jpg 9KB 11.jpg 9KB 25.jpg 8KB 15.jpg 8KB 26.jpg 8KB 3.jpg 8KB 22.jpg 8KB 21.jpg 8KB 小米壁画电视 6999.jpg 8KB 22.jpg 8KB 13.jpg 8KB 14.jpg 8KB 36.jpg 7KB 25.jpg 7KB 25.jpg 7KB 27.jpg 7KB 22.jpg 7KB 28.jpg 7KB 24.jpg 7KB 5.jpg 7KB 3.jpg 7KB 21.jpg 6KB 36.jpg 6KB 22.jpg 6KB 12.jpg 6KB 17.jpg 6KB 21.jpg 6KB 2.jpg 6KB 18.jpg 6KB 28.jpg 6KB 26.jpg 6KB 21.jpg 6KB 24.jpg 6KB 13.jpg 6KB 15.jpg 6KB 34.jpg 6KB 23.jpg 6KB共 410 条
- 1
- 2
- 3
- 4
- 5
资源评论
shkpwbdkak2023-07-28HTML和CSS的运用恰到好处，使得页面效果非常自然。
地图帝2023-07-28这个文件的制作细节很用心，展示了作者的专业技能和耐心。
内酷少女2023-07-28仿小米商城的练习文件，让我感受到了网页设计的魅力。
史努比狗狗2023-07-28界面布局整齐有序，操作起来非常流畅。
茶啊冲的小男孩2023-07-28这个文件的设计风格简约大方，让人感觉很舒适。
