基于HTML+CSS实现的品优购购物网站静态网页源码.zip

共57个文件

jpg：34个

png：10个

css：5个

版权申诉

html

5星 · 超过95%的资源 141 浏览量 2023-07-07 14:38:43 上传评论 3 收藏 521KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML+CSS实现的品优购购物网站静态网页源码.zip （57个子文件）

list.html 15KB

css

common.css 6KB

list.css 2KB

base.css 1KB

index.css 6KB

favicon.ico 9KB

index.html 21KB

images

recom.png 3KB

error_icon.png 1KB

wx_cz.jpg 7KB

logo.png 4KB

PIN.png 1KB

recom01_03.png 12KB

recom04_03.jpg 11KB

sk.png 2KB

success_icon.png 2KB

minus.png 1KB

recom03_03.jpg 8KB

icons.png 37KB

upload

cellphone_07.jpg 7KB

cellphone_01.jpg 12KB

img_01.jpg 18KB

main.jpg 106KB

cellphone_06.jpg 7KB

img_03.jpg 9KB

img_04.jpg 18KB

footer_09.jpg 2KB

footer_04.jpg 3KB

cellphone_04.jpg 8KB

cellphone_02.jpg 12KB

footer_03.jpg 3KB

recom01.jpg 7KB

phone_01.jpg 12KB

img_05.jpg 6KB

footer_02.jpg 3KB

footer_10.jpg 2KB

footer_06.jpg 2KB

cellphone_05.jpg 9KB

recom02.jpg 10KB

Samsung_TV.jpg 12KB

footer_08.jpg 3KB

bg.png 93KB

recom04.jpg 11KB

footer_07.jpg 3KB

img_02.jpg 8KB

recom03.jpg 8KB

footer_01.jpg 2KB

cellphone_03.jpg 8KB

img_06.jpg 8KB

ad.jpg 11KB

footer_05.jpg 2KB

fonts

icomoon.woff 3KB

icomoon.svg 7KB

icomoon.eot 3KB

icomoon.ttf 3KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>品优购(PINYOU.COM)-正品低价、品质保障、配送及时、轻松购物！</title>  <meta name="description" content="品优购 PINYOU.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。" /> <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东" />  <link rel="shortcut icon" href="favicon.ico" />  <link rel="stylesheet" href="./css/base.css">  <link rel="stylesheet" href="./css/common.css">  <link rel="stylesheet" href="./css/index.css"> </head> <body>  <section class="shortcut"> <div class="w"> <div class="float_l"> <ul>  <li>品优购欢迎您！ </li> <li> <a href="#">请登录  </a> <a href="register.html" class="style_red " target="_blank">免费注册</a> </li> </ul> </div> <div class="float_r"> <ul> <li>我的订单</li> <li> </li> <li class="arrow-icon">我的品优购 </li> <li> </li> <li>品优购会员</li> <li> </li> <li>企业采购</li> <li> </li> <li class="arrow-icon">关注品优购</li> <li> </li> <li class="arrow-icon">客户服务</li> <li> </li> <li class="arrow-icon">网站导航</li> </ul> </div> </div> </section>   <header class="header w">  <div class="logo"> <h1> <a href="index.html" title="品优购商城">品优购商城</a> </h1> </div>  <div class="search"> <input type="search" name="" id="" placeholder="语言开发"> <button>搜索</button> </div>  <div class="hotwords"> <a href="#" class="style_red"> 优惠购首发</a> <a href="#"> 亿元优惠</a> <a href="#"> 9.9元团购</a> <a href="#"> 美满99减30</a> <a href="#"> 办公用品</a> <a href="#"> 电脑</a> <a href="#"> 通信</a>s </div>  <div class="shopcar"> 我的购物车 <i class="count">80000</i> </div> </header>   <nav class="nav"> <div class="w"> <div class="dropdown"> <dl> <dt>全部商品分类</dt> <dd> <ul> <li><a href="#">家用电器</a></li> <li><a href="list.html" target="_blank">手机</a>、<a href="">数码</a>、<a href="">通信</a></li> <li><a href="#">电脑、办公</a></li> <li><a href="#">家居、家具、家装、厨具</a></li> <li><a href="#">男装、女装、童装、内衣</a></li> <li><a href="#">个护化妆、清洁用品、宠物</a></li> <li><a href="#">鞋靴、箱包、珠宝、奢侈品</a></li> <li><a href="#">运动户外、钟表</a></li> <li><a href="#">汽车、汽车用品</a></li> <li><a href="#">母婴、玩具乐器</a></li> <li><a href="#">食品、酒类、生鲜、特产</a></li> <li><a href="#">医药保健</a></li> <li><a href="#">图书、影像</a></li> <li><a href="#">彩票、履行、充值、票务</a></li> <li><a href="#">理财、白条、保险</a></li> </ul> </dd> </dl> </div> <div class="navitems"> <ul> <li> <a href=""> 服装城 </a> </li> <li> <a href=""> 美妆馆 </a></li> <li> <a href=""> 传智超市 </a></li> <li> <a href=""> 全球购 </a></li> <li> <a href=""> 团购 </a></li> <li> <a href=""> 闪购 </a></li> <li> <a href=""> 拍卖 </a></li> <li> <a href=""> 有趣 </a></li> </ul> </div> </div> </nav>   <div class="w"> <div class="main">  <div class="focus"> <ul> <li> <img src="./upload/main.jpg" alt=""></li> </ul> <a href="#" class="left"><</a> <a href="#" class="right">></a> <ul class="promo_nav"> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div>  <div class="newflash"> <div class="news"> <h4 class="news_head"> <span>品优购快报</span> <a href="#">更多</a> </h4> <ul class="news_body"> <li><a href="#"><span>[特惠]</span> 备战开学季全民半价购数码</a></li> <li><a href="#"><span>[公告]</span>蔚来汽车:上海订单情况良好,7月新增订单量大幅增长</a></li> <li><a href="#"><span>[特惠]</span> 今夏流行这几个夏季衫，优雅知性也时髦！</a></li> <li><a href="#"><span>[公告]</span>脆甜可口桃香馥郁，蒙阴黄油桃口感味道全在线</a></li> <li><a href="#"><span>[特惠]</span> 澳佳宝保健配方胶囊，男士健康的守护者</a></li> </ul> </div> <div class="lifeservice"> <ul> <li> <i class="i1"></i> <p>话费</p> </li> <li> <img src="./images/minus.png" alt=""> <i class="i2"></i> <p>机票</p> </li> <li> <i class="i3"></i> <p>电影票</p> </li> <li> <i class="i4"></i> <p>游戏</p>

评论收藏

内容反馈

版权申诉