<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>综合案例内容页</title>
<link href="css/css18-2.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="header">
<div class="headercontent">
<div class="logo"><img title="省钱省时贴心导航" alt="比价购物" src="images/logo.jpg" /></a></div>
<div class="searchbox">
<form action="#" method="get" class="search_form">
<input type="text" name="s" class="sinput" placeholder="输入关键字后回车搜索" autofocus x-webkit-speech>
<input type="submit" value="搜索" class="sbtn">
</form>
</div>
<div class="hotkeywords">热门搜索：
<a href="/">家居</a>, <a href="/">育婴</a>, <a href="/">鞋包</a>, <a href="/">电器</a>,<a href="/">儿童玩具</a></div>
</div>
</div>
</div>
</div>
<div class="main">
<div class="mainleft">
<div class="menu">
<ul>
<li><a href="18-1.html"><span>首页</span></a></li>
<li><a href="18-2.html"><span>电 器</span></a></li>
<li><a href="18-3.html"><span>服 装</span></a></li>
<li><a href="18-3.html"><span>家 居</span></a></li>
<li><a href="18-3.html"><span>鞋 包</span></a></li>
<li><a href="18-3.html"><span>饰 品</span></a></li>
<li><a href="18-3.html"><span>办 公</span></a></li>
<li><a href="18-2.html"><span>食 品</span></a></li>
<li><a href="18-2.html"><span>化 妆</span></a></li>
<li><a href="18-2.html"><span>母 婴</span></a></li>
<li><a href="18-2.html"><span>教 育</span></a></li>
<li><a href="18-1.html"><span>卫 生</span></a></li>
</ul>
</div>
</div>
<div class="content">
<div class="category">
<div class="nav">今日特价 </div>
<ul>
<li><a href="18-2.html">【周大福】 金价降破底线，立即抢购！</a></li>
<li><a href="#">【优雅壹佰】超细纤维超长神奇干发帽</a></li>
<li><a href="#">【梦芭莎】春装狠划算 最高直降120 ! </a></li>
<li><a href="#"> 【多米网】兰博基尼遥控车模,惊喜不断 实惠多多！</a></li>
<li><a href="#"> 【诗薇儿】牛皮针扣头皮带，自由搭配！</a></li>
<li><a href="#"> 【拍拍网】曼巴狂徒加重游戏鼠标 </a></li>
<li><a href="#">【胡桃夹子】 春末夏初简约时尚女包 全场立减20！</a></li>
<li><a href="#">【要红酒】每周特价 惊喜不断 实惠多多！</a></li>
<li><a href="#">【格林豪泰】震撼来袭，酒店1元秒杀！</a></li>
<li><a href="#">【美国购物网】疯抢！CK男士钱包腰带低价促销！</a></li>
</ul>
</div>
<div class="category">
<a href="19-2.html"><div class="nav">生活电器</div></a>
<div class="navli">
<p><img alt="zg" src="images/ld.jpg"/></p>
龙的除螨专家吸尘
</div>
<div class="navli">
<p><img alt="zg" src="images/gl.jpg"/></p>
格力 压缩机
</div>
<div class="navli">
<p><img alt="zg" src="images/ld.jpg"/></p>
龙的除螨专家吸尘
</div>
<div class="navli">
<p><img alt="zg" src="images/gl.jpg"/></p>
格力 压缩机
</div>
<div class="navli">
<p><img alt="zg" src="images/zg.jpg"/></p>
志高 冷暖两用冷风扇(尊贵木纹)
</div>
<div class="navli">
<p><img alt="zg" src="images/flp.jpg"/></p>
飞利浦吸尘器
</div>
</div>
<div class="category">
<div class="nav">厨房电器</div>
<div class="navli">
<p><img alt="zg" src="images/cf1.jpg"/></p>
龙的水壶
</div>
<div class="navli">
<p><img alt="zg" src="images/cf2.jpg"/></p>
电饭煲
</div>
<div class="navli">
<p><img alt="zg" src="images/cf3.jpg"/></p>
刀架和菜刀
</div>
<div class="navli">
<p><img alt="zg" src="images/cf4.jpg"/></p>
菜刀
</div>
<div class="navli">
<p><img alt="zg" src="images/cf5.jpg"/></p>
电磁炉
</div>
<div class="navli">
<p><img alt="zg" src="images/cf6.jpg"/></p>
洗菜器
</div>
</div>
<div class="category">
<div class="nav">个护健康 </div>
<ul>
<li><a href="18-2.html">韩国引进精品超卡哇伊泰迪熊宝宝热卖中质量三包 </a></li>
<li><a href="#">纯色健康小小食品密封盒 进口商品</a></li>
<li><a href="#">飞利浦（Philips）SC5275/00洁面仪 </a></li>
<li><a href="#"> 松下（Panasonic） EH2473N 离子蒸汽美容器！</a></li>
<li><a href="#">SKG SKJ518 蒸面器 家用蒸脸美容仪！</a></li>
<li><a href="#"> 飞利浦（Philips）HP8203 均衡呵护系列电吹风 </a></li>
<li><a href="#"> CEM华盛昌DT-8806H红外线人体测温仪</a></li>
<li><a href="#">欧姆龙（OMRON) 计步器HJ-204（白色） </a></li>
<li><a href="#">凯仕乐(Kasrrow) KSR-13普及新型肩颈乐肩部捶打按摩器 </a></li>
</ul>
</div>
<div class="category">
<div class="nav">五金家装 </div>
<ul>
<li><a href="18-2.html">圣德保罗18件家庭五金工具套装箱包</a></li>
<li><a href="#">圣德保罗43件豪华家庭五金工具套装箱包</a></li>
<li><a href="#">铝合金户外救生口哨 4个装 </a></li>
<li><a href="#"> 金积嘉8寸带4路监控录像机</a></li>
<li><a href="#"> 雨花泽（Yuhuaze） DN-005 干鞋器家庭装！</a></li>
<li><a href="#"> 玛斯特（Master Lock） 4680DKNL TSA系列密码锁 （灰色） </a></li>
<li><a href="#">霍尼韦尔（Honeywell）S200A透明镜片 防雾眼镜！</a></li>
<li><a href="#">福吉斯特（Forgestar）36件家用工具组套Z017-36</a></li>
<li><a href="#">福吉斯特（Forgestar）36件电讯工具组套！</a></li>
</ul>
</div>
<div class="category">
<a href="18-2.html"><div class="nav">大家电 </div></a>
<div class="navli">
<p><img alt="zg" src="images/djd1.jpg"/></p>
液晶电视
</div>
<div class="navli">
<p><img alt="zg" src="images/djd2.jpg"/></p>
格力 空调
</div>
<div class="navli">
<p><img alt="zg" src="images/djd3.jpg"/></p>
电冰箱
</div>
<div class="navli">
<p><img alt="zg" src="images/djd4.jpg"/></p>
格力 洗衣机
</div>
<div class="navli">
<p><img alt="zg" src="images/djd5.jpg"/></p>
高档音响
</div>
<div class="navli">
<p><img alt="zg" src="images/djd6.jpg"/></p>
热水器
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footerBox">
版权所有：html5+css3网页设计案例教程编写组所有，如有相似之处请联系我们！
</div>
<div class="footerbot">
脚注信息：添加友情链接||合作商家||特别推荐||联系本站方式
</div>
</div>
</body>
</html>
购物.zip （60个子文件） 
购物 css 
css18-3.css 3KB css18-1.css 5KB css18-2.css 4KB images 
gw5.jpg 56KB cf5.jpg 21KB djd6.jpg 16KB zg.jpg 17KB dq.jpg 15KB ld.jpg 21KB
uli.png 4KB djd3.jpg 16KB xl.jpg 19KB v5_repeat_x.png 1KB 未标题-1.psd 73KB djd1.jpg 19KB v5_main_img.png 23KB cf2.jpg 17KB s6.jpg 5KB gm.psd 129KB tv.jpg 25KB gw2.jpg 58KB dq3.jpg 6KB cf6.jpg 18KB main_bot_bg.png 3KB times.jpg 28KB hover.png 4KB djd5.jpg 16KB gw3.jpg 46KB body_bg.png 4KB flp.jpg 18KB maintop_bg.png 2KB phone.jpg 19KB cf3.jpg 13KB cf1.jpg 18KB s4.jpg 5KB gw4.jpg 46KB dq2.jpg 5KB logo.jpg 26KB mainbj.jpg 15KB gw1.jpg 54KB gw6.jpg 59KB s2.jpg 4KB caterbj.jpg 16KB djd4.jpg 16KB cf4.jpg 19KB djd2.jpg 16KB catergory.jpg 16KB s3.jpg 4KB s1.jpg 4KB
filter_del.gif 1KB s5.jpg 4KB gm.jpg 22KB sv5_main_img.png 21KB k3.jpg 3KB nav.gif 3KB gl.jpg 16KB bbg.jpg 45KB
18-1.html 4KB 18-3.html 3KB 18-2.html 7KB资源评论
努力再努力学习的小白2021-09-01很差劲，别下载，浪费积分
u0111267142022-09-22没啥用，不要浪费积分
