基于CSS与HTML制作的简易小米网页_htmlcss网页资源-CSDN文库

共5个文件

css：3个

keep：1个

html：1个

html

需积分: 5 191 浏览量 2024-04-10 17:26:57 上传评论收藏 7KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

xiaomi-webpage-master.zip （5个子文件）

xiaomi-webpage-master

css

reset.css 1KB

base.css 660B

.keep 0B

index.css 14KB

index.html 13KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>小米商城 - Xiaomi 13、Redmi K60、MIX FOLD 2，小米电视官方网站</title>  <link rel="stylesheet" href="./css/reset.css">  <link rel="stylesheet" href="./css/base.css">  <link rel="stylesheet" href="./fa/css/all.css">  <link rel="stylesheet" href="./css/index.css">  <link rel="icon" href="./favicon.ico"> </head> <body>   <div class="top-bar-wrapper">  <div class="top-bar w clearfix">  <ul class="service"> <li><a href="javascript:;">小米官网</a></li> <li class="line">|</li> <li><a href="javascript:;">小米商城</a></li> <li class="line">|</li> <li><a href="javascript:;">MIUI</a></li> <li class="line">|</li> <li><a href="javascript:;">IoT</a></li> <li class="line">|</li> <li><a href="javascript:;">云服务</a></li> <li class="line">|</li> <li><a href="javascript:;">天星数科</a></li> <li class="line">|</li> <li><a href="javascript:;">有品</a></li> <li class="line">|</li> <li><a href="javascript:;">小爱开放平台</a></li> <li class="line">|</li> <li><a href="javascript:;">企业团购</a></li> <li class="line">|</li> <li><a href="javascript:;">资质证照</a></li> <li class="line">|</li> <li><a href="javascript:;">协议规则</a></li> <li class="line">|</li> <li><a href="javascript:;" class="app"> 下载app  <div class="qrcode"> <img src="./img/qrcode.png" alt=""> <span>小米商城APP</span> </div> </a> </li> <li class="line">|</li> <li><a href="javascript:;">Select Location</a></li> </ul>  <ul class="shop-cart"> <li> <a href="javascript:;"> <i class="fas fa-shopping-cart"></i> 购物车（0） </a> <div class="goods"> <span>购物车中还没有商品，赶紧选购吧！</span> </div> </li> </ul>  <ul class="users-info"> <li><a href="javascript:;">消息通知</a></li> <li class="line">|</li> <li><a href="javascript:;">注册</a></li> <li class="line">|</li> <li><a href="javascript:;">登录</a></li> </ul> </div> </div>  <div class="header-wrapper"> <div class="header w clearfix">  <h1 class="logo" title="小米">  小米官网 <a href="/" class="mi"></a> <a href="/" class="home"></a> </h1>  <div class="nav-wrapper clearfix">  <ul class="nav"> <li class="all-goods-wrapper"><a class="all-goods" href="#">全部商品分类</a>  <ul class="left-menu"> <li class="first-goods-menu"><a href="#">手机 <i class="fas fa-angle-right"></i> </a> <div class="first-goods"></div> </li> <li class="second-goods-menu"><a href="#">电视 <i class="fas fa-angle-right"></i> <div class="second-goods"></div> </a> </li> <li class="third-goods-menu"><a href="#">家电 <i class="fas fa-angle-right"></i> <div class="third-goods"></div> </a> </li> <li class="fourth-goods-menu"><a href="#">笔记本平板 <i class="fas fa-angle-right"></i> <div class="fourth-goods"></div> </a> </li> <li class="fifth-goods-menu"><a href="#">出行穿戴 <i class="fas fa-angle-right"></i> <div class="fifth-goods"></div> </a> </li> <li class="sixth-goods-menu"><a href="#">耳机音箱 <i class="fas fa-angle-right"></i> <div class="sixth-goods"></div> </a> </li> <li class="seventh-goods-menu"><a href="#">健康儿童 <i class="fas fa-angle-right"></i> <div class="seventh-goods"></div> </a> </li> <li class="eighth-goods-menu"><a href="#">生活箱包 <i class="fas fa-angle-right"></i> <div class="eighth-goods"></div> </a> </li> <li class="ninth-goods-menu"><a href="#">智能路由器 <i class="fas fa-angle-right"></i> <div class="ninth-goods"></div> </a> </li> <li class="tenth-goods-menu"><a href="#">电源配件 <i class="fas fa-angle-right"></i> <div class="tenth-goods"></div> </a> </li> </ul> </li> <li class="show-goods"><a href="#">Xiaomi手机</a></li> <li class="show-goods"><a href="#">Redmi手机</a></li> <li class="show-goods"><a href="#">电视</a></li> <li class="show-goods"><a href="#">笔记本</a></li> <li class="show-goods"><a href="#">平板</a></li> <li class="show-goods"><a href="#">家电</a></li> <li class="show-goods"><a href="#">路由器</a></li> <li><a href="#">服务中心</a></li> <li><a href="#">社区</a></li>

评论收藏

内容反馈