html+css网页制作电商华为商城首页ui还原度100%资源-CSDN文库

共17个文件

png：6个

svg：5个

css：3个

版权申诉

html

123 浏览量 2024-08-14 14:58:21 上传评论收藏 125KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

华为商城首页.zip （17个子文件）

华为商城首页

.DS_Store 6KB

.vscode

settings.json 39B

mall.html 54KB

css

common.css 9KB

mall.css 21KB

rester.css 1KB

images

icon-header-minicart.32e5f81.png 3KB

sprites6.806df78.svg 14KB

icon-order.6c7ea20.png 4KB

img_ent_en_logo_ico.png 13KB

mailIcon.svg 2KB

huawei_logo.png 8KB

ic_hint_dropdown.svg 706B

icon-header.c4189e7.png 39KB

phoneIcon.svg 2KB

icon01.svg 63KB

icon50.png 20KB

<!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/rester.css"> <link rel="stylesheet" href="./css/common.css"> <link rel="stylesheet" href="./css/mall.css"> </head> <body style="background: #f9f9f9;">  <div class="top_banner"> <a href="#" title="华为"> <img src="https://res.vmallres.com/pimages//pages/picImages/24064780980618746042.jpg" alt="华为"> </a> <span>×</span> </div>  <div id="header"> <div class="container h_inner"> <ul class="l_nav"> <li> <a href="#">首页</a> <span class="bg"></span> </li> <li> <a href="#">华为官网</a> <span class="bg"></span> </li> <li> <a href="#">荣耀官网</a> <span class="bg"></span> </li> <li> <a href="#">花粉俱乐部</a> <span class="bg"></span> </li> <li> <a href="#">V码(优购码)</a> <span class="bg"></span> </li> <li> <a href="#">企业购</a> <span class="bg"></span> </li> <li> <a href="javascript:;">Select Region</a> <span class="bg"></span> </li> <li class="s_down"> <a href="javascript:;">更多精彩 <i class="iconfont icon-shangxiajiantou"></i></a> <div class="b"> <ul> <li> <a href="#">EMUL</a> </li> <li> <a href="#">应用市场</a> </li> <li> <a href="#">华为终端云空间</a> </li> <li> <a href="#">开发者联盟</a> </li> </ul> </div> </li> </ul> <ul class="r_nav"> <li class="lif"> <a href="#">请登录</a>  <a href="#">注册</a> <span class="bg"></span>  </li> <li> <a href="#">我的订单</a> <span class="bg"></span> </li> <li class="s_down"> <a href="#">客户服务 <i class="iconfont icon-shangxiajiantou"></i></a> <span class="bg"></span> <div class="b" style="width: 84px;"> <ul> <li> <a href="#">服务中心</a> </li> <li> <a href="#">联系客服</a> </li> </ul> </div> </li> <li> <a href="#">网站导航 <i class="iconfont icon-shangxiajiantou"></i></a> <span class="bg"></span> </li> <li> <a href="#">手机版 <i class="iconfont icon-shangxiajiantou"></i></a> </li> <li class="s_down cart"> <a href="#"><i class="iconfont icon-gouwuchezhengpin"></i> 购物车(0)</a> <div class="empty b"> <p class="p1"><i class="iconfont icon-gouwuchezhengpin"></i></p> <p class="p2">您的购物车是空的，赶紧选购吧~</p> </div> </li> </ul> </div> </div>  <div id="top"> <div class="t_inner container"> <div class="logo"> <a href="#" title="华为商城"> <img src="https://res.vmallres.com/pimages//common/config/logo/SXppnESYv4K11DBxDFc2.png" alt=""> </a> </div> <ul class="t_nav"> <li class="lipink"> <a href="#" style="color:#fff">华为专区</a> </li> <li class="liblue"> <a href="#" style="color:#fff">荣耀专区</a> </li> <li> <a href="#">P40系列</a> </li> <li> <a href="#">荣耀30</a> </li> <li> <a href="#">智能家居</a> </li> </ul> <div class="search"> <form action="#"> <input type="text" class="txt"> <input type="submit" class="btn"> <i class="iconfont icon-sousuo"></i> </form> <div class="txtlink"> <a href="#">Mate40系列</a> <a href="#">WATHCH FIT</a> </div> <div class="search_history"> <dl> <dt>热门搜索</dt> <dd> <a href="#">MateBook D</a> </dd> <dd> <a href="#">nova8 Pro</a> </dd> <dd> <a href="#">nova8</a> </dd> <dd> <a href="#">平板</a> </dd> <dd> <a href="#">华为智慧屏S</a> </dd> <dd> <a href="#">Mate 30E pro</a> </dd> <dd> <a href="#">耳机</a> </dd> <dd> <a href="#">P40</a> </dd> <dd> <a href="#">手表</a> </dd> <dd> <a href="#">音箱</a> </dd> </dl> </div> </div> </div> </div> <div id="banner"> <ul class="imgbox"> <li class="firstimg"> <a href="#"> <img src="https://res.vmallres.com/pimages//pages/picImages/68000205190610200086c.jpg" alt=""> </a> </li> <li> <a href="#"> <img src="https://res.vmallres.com/pimages//pages/picImages/70517622290612671507.jpg" alt=""> </a> </li> <li> <a href="#"> <img src="https://res.vmallres.com/pimages//pages/picImages/22307598880619570322.jpg" alt=""> </a> </li> <li> <a href="#"> <img src="https://res.vmallres.com/pimages//pages/picImages/29989851670615898992.jpg" alt=""> </a> </li> <li> <a href="#"> <img src="https://res.vmallres.com/pimages//pages/picImages/432922051906

评论收藏

内容反馈

版权申诉