<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="order by dede58.com"/>
<title>北极熊狗狗列表</title>
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
<!-- start header -->
<header>
<div class="top center">
<div class="left fl">
<ul>
<li>
<a href="">北极熊商城</a>
</li>
<li>|</li>
<li>
<a href="">北极熊系统</a>
</li>
<li>|</li>
<li>
<a href="">北极熊聊</a>
</li>
<li>|</li>
<li>
<a href="">北极熊阅读</a>
</li>
<li>|</li>
<li>
<a href="">北极熊服务</a>
</li>
<li>|</li>
<li>
<a href="">北极熊商城移动版</a>
</li>
<li>|</li>
<li>
<a href="">问题反馈</a>
</li>
<li>|</li>
<li>
<a href="">Select Region</a>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="right fr">
<div class="gouwuche fr"><a href="">购物车</a></div>
<div class="fr">
<ul>
<li><a href="./index.html" target="_blank">主页</a></li>
<li>|</li>
<li><a href="./login.html" target="_blank">登录</a></li>
<li>|</li>
<li><a href="./register.html" target="_blank" >注册</a></li>
<li>|</li>
<li><a href="">消息通知</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</header>
<!--end header -->
<!-- start banner_x -->
<div class="banner_x center">
<a href="./index.html" target="_blank"><div class="logo fl"></div></a>
<div class="nav fl">
<ul>
<li>
<a href="./liebiao.html" target="_blank">北极熊狗狗</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>
</div>
<div class="search fr">
<form action="" method="post">
<div class="text fl">
<input type="text" class="shuru" placeholder="灰桃阿拉斯加现货">
</div>
<div class="submit fl">
<input type="submit" class="sousuo" value="搜索"/>
</div>
<div class="clear"></div>
</form>
<div class="clear"></div>
</div>
</div>
<!-- end banner_x -->
<!-- start banner_y -->
<!-- end banner -->
<!-- start danpin -->
<div class="danpin center danpinwidth">
<div class="biaoti center">北极熊狗狗</div>
<div class="main center">
<div class="mingxing fl " style="width:230px;cursor:pointer;">
<div class="sub_mingxing"><a href="./xiangqing.html" target="_blank"><img src="./image/liebiao_xiaomi6.jpg" alt=""></a></div>
<div class="pinpai"><a href="./xiangqing.html" target="_blank">哈士奇</a></div>
<div class="youhui">西伯利亚纯正血统</div>
<div class="jiage">3000.00元</div>
</div>
<div class="mingxing fl " style="width:230px;cursor:pointer;">
<div class="sub_mingxing"><a href="./alasijia.html" target="_blank"><img src="./image/liebiao_xiaomi5c.jpg" alt=""></a></div>
<div class="pinpai"><a href="./alasijia.html" target="_blank">阿拉斯加</a></div>
<div class="youhui">西伯利亚纯正血统雪橇犬</div>
<div class="jiage">8000.00元</div>
</div>
<div class="mingxing fl " style="width:230px;cursor:pointer;">
<div class="sub_mingxing"><a href="labuladuo.html" target="_blank"><img src="./image/liebiao_xiaomint2.jpg" alt=""></a></div>
<div class="pinpai"><a href="labuladuo.html" target="_blank">拉布拉多</a></div>
<div class="youhui">适合被选作经常出入公共场合的导盲犬或地铁警犬</div>
<div class="jiage">4000.00元</div>
</div>
<div class="mingxing fl " style="width:230px;cursor:pointer;">
<div class="sub_mingxing"><a href="jinmao.html" target="_blank"><img src="./image/liebiao_xiaomimix.jpg" alt=""></a></div>
<div class="pinpai"><a href="jinmao.html" target="_blank">金毛寻回犬</a></div>
<div class="youhui">最常见的家犬之一</div>
<div class="jiage">4500.00元</div>
</div>
<div class="mingxing fl " style="width:230px;cursor:pointer;">
<div class="sub_mingxing"><a href="muyangquan.html" target="_blank"><img src="./image/liebiao_xiaomi5s.jpg" alt=""></a></div>
<div class="pinpai"><a href="muyangquan.html" target="_blank">边境牧羊犬</a></div>
<div class="youhui">狗中智商第一具有强烈的牧羊本能</div>
<div class="jiage">5000.00元</div>
</div>
<div class="clear"></div>
</div>
<div class="main center ">
<div class="mingxing fl " style="width:230px;cursor:pointer;">
<div class="sub_mingxing"><a href="xuenarui.html" target="_blank"><img src="./image/liebiao_xiaomi5.jpg" alt=""></a></div>
<div class="pinpai"><a href="xuenarui.html" target="_blank">雪纳瑞</a></div>
<div class="youhui">唯一在梗犬类中不含英国血统的品种</div>
<div class="jiage">2000.00元</div>
</div>
<div class="mingxing fl " style="width:230px;cursor:pointer;">
<div class="sub_mingxing"><a href="sameye.html" target="_blank"><img src="./image/liebiao_hongmin4.jpg" alt=""></a></div>
<div class="pinpai"><a href="sameye.html" target="_blank">萨摩耶</a></div>
<div class="youhui">西伯利亚的原住民萨摩耶族培育出的犬种 </div>
<div class="jiage">3500.00元</div>
</div>
<div class="mingxing fl " style="width:230px;cursor:pointer;">
<div class="sub_mingxing"><a href="taidi.html" target="_blank"><img src="./image/pinpai3.png" alt=""></a></div>
<div class="pinpai"><a href="taidi.html" target="_blank">泰迪</a></div>
<div class="youhui">犬亚科犬属的一种动物</div>
<div class="jiage">1800元</div>
</div>
<div class="mingxing fl " style="width:230px;cursor:pointer;">
<div class="sub_mingxing"><a href="jugui.html" target="_blank"><img src="./image/liebiao_hongmin42.jpg" alt=""></a></div>
<div class="pinpai"><a href="jugui.html" target="_blank">巨型贵宾犬</a></div>
<div class="youhui">贵宾犬出与生俱来的独特而又高贵的气质</div>
<div class="jiage">15000.00元</div>
</div>
<div class="mingxing fl " style="width:230px;cursor:pointer;">
<div class="sub_mingxing"><a href="chaiquan.html" target="_blank"><img src="./image/liebiao_hongmin4x.jpg" alt=""></a></div>
<div class="pinpai"><a href="chaiquan.html" target="_blank">柴犬</a></div>
<div class="youhui">柴犬是体型中等并且又最古老的犬</div>
<div class="jiage">3000.00元</div>
</div>
<div class="clear"></div>
</div>
</div>
<footer class="mt20 center">
<div class="mt20">北极熊商城|熊聊|北极熊天猫店|北极熊淘宝直营店|北极熊网盟|北极熊移动|隐私政策|Select Region</div>
<div>xiong.com 京ICP证xxxxxx号 京ICP备xxxxxx号 京网文[2018]0000-0001号</div>
<div>违法和不良信息举报电话：xxxxxxxxxx</div>
</footer>
<!-- end danpin -->
</body>
</html>
HTML期末大作业html+css+div二十个页面以上
3星 · 超过75%的资源 需积分: 45 121 浏览量
2019-06-13
14:24:18
上传
评论 53
收藏 2.8MB RAR 举报 
test4.rar （83个子文件） 
test4 
1111.html 5KB
.project 967B gouwuche.html 3KB index.html 7KB sameye.html 4KB wjianyi2.html 1014B liebiao.html 7KB zhifu.html 5KB self_info.html 4KB wjianyi3.html 1KB xiangqing.html 4KB alasijia.html 4KB jinmao.html 4KB xuenarui.html 4KB wjianyi1.html 2KB register.html 2KB login.html 1KB wangzhanjianyi.html 416B gougoutijian.html 5KB muyangquan.html 4KB image 
liebiao_xiaomint2.jpg 9KB pinghengche.jpg 5KB HTTP Status 404 – Not Found.html 1KB jugui.jpg 56KB
5c_80.png 3KB
bcc.bmp 6KB xiaomi5.jpg 5KB pinpai3.png 57KB liebiao_hongmin42.jpg 9KB liebiao_hongmin4.jpg 9KB xuenarui.jpg 33KB hjh_01.png 8KB cmbc.bmp 6KB banner.jpg 160KB ghs.png 2KB hjh_05.png 11KB jinmao.jpg 54KB bh.bmp 6KB liebiao_hongmin4x.jpg 8KB chaiquan.jpg 55KB logo_top.png 5KB ccb.bmp 6KB liebiao_xiaomi5c.jpg 7KB liebiao_xiaomi6.jpg 7KB abc.bmp 6KB hjh_02.png 9KB pinpai4.png 43KB hjh_06.png 12KB register_bg.jpg 514KB liebiao_xiaomimix.jpg 7KB cib.bmp 6KB xuenarui.html 4KB hjh_04.png 9KB advice_bg.jpg 116KB banner2.jpg 729KB liebiao_hongmin4_dd.jpg 9KB login_bg.jpg 287KB pinpai2.png 78KB alasijia.jpg 64KB liebiao_xiaomi5s.jpg 9KB liebiao_xiaomi5.jpg 12KB pinpai5.png 71KB hjh_03.png 10KB muyangquan.jpg 34KB hashiqi.jpg 63KB samoye.jpg 49KB bj.bmp 6KB cmb.bmp 6KB pinpai1.png 68KB taidi.jpg 76KB compare.jpg 3KB labuladuo.jpg 47KB bc.bmp 6KB beijingnongshang.bmp 6KB hongmi4x.png 11KB dingdanzhongxin.html 5KB css gougoutijian.css 789B login.css 2KB style.css 7KB taidi.html 4KB jugui.html 4KB chaiquan.html 4KB labuladuo.html 4KB资源评论
zhaobo1562019-06-13页面布局很不错，适合当课程设计使用。
weixin_488633032021-06-09很糊弄，根本就不是花时间做的，浪费时间
Internetofthings2021-05-27很烂的网页，浪费我积分 擦
