<!DOCTYPE >
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8" />
<title>美拾-唯爱与美食不可辜负</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>
<div class="header">
<!--------------头部---------------->
<div class="conwidth">
<h1 class="fl">
<a href="" class="bigtitle">美<span>拾</span></a>
</h1>
<div class="search fl" id="search-box">
<form action="#" method="get" target="_blank">
<input type="text" placeholder="搜索菜谱、食材" id="sreach-input" class="search-text fl" />
<input type="button" value="搜菜谱" class="search-btn fl" />
</form>
</div>
<div class="nav fr">
<ul>
<li><a href="index.html">首页</a></li>
<li class="menu-class">
<a href="menu_class.html">菜谱分类</a>
<div class="topbar-menu">
<ul class="plain">
<li class="topbar-menu-head">常用主题</li>
<li><a href="menu_class.html">家常菜</a></li>
<li><a href="menu_class.html">快手菜</a></li>
<li><a href="menu_class.html">下饭菜</a></li>
<li><a href="menu_class.html">早餐</a></li>
<li><a href="menu_class.html">减肥</a></li>
<li><a href="menu_class.html">汤羹</a></li>
<li><a href="menu_class.html">烘焙</a></li>
<li><a href="menu_class.html">小吃</a></li>
</ul>
<ul class="plain">
<li class="topbar-menu-head">常见食材</li>
<li><a href="menu_class.html">猪肉</a></li>
<li><a href="menu_class.html">鸡肉</a></li>
<li><a href="menu_class.html">牛肉</a></li>
<li><a href="menu_class.html">鱼</a></li>
<li><a href="menu_class.html">鸡蛋</a></li>
<li><a href="menu_class.html">土豆</a></li>
<li><a href="menu_class.html">茄子</a></li>
<li><a href="menu_class.html">豆腐</a></li>
</ul>
<ul class="plain">
<li class="topbar-menu-head">时令食材</li>
<li><a href="menu_class.html">春笋</a></li>
<li><a href="menu_class.html">笋</a></li>
<li><a href="menu_class.html">豌豆</a></li>
<li><a href="menu_class.html">草莓</a></li>
<li><a href="menu_class.html">金桔</a></li>
<li><a href="menu_class.html">菠菜</a></li>
<li><a href="menu_class.html">冬笋</a></li>
<li><a href="menu_class.html">韭菜</a></li>
</ul>
<div class="span">
<span><a href="menu_class.html">查看全部分类</a></span>
</div>
</div>
</li>
<li><a href="popular_menu.html">菜单</a></li>
<li><a href="">作品动态</a></li>
</ul>
<div class="dengluzhuce fr">
<a href="login.html">登录</a>
<a href="register .html">注册</a>
</div>
</div>
</div>
<div class="suggest" id="sreach-suggest">
<!---搜索智能提示suggest-->
<ul>
<li>搜" "相关用户</li>
<li>搜" "相关菜单</li>
</ul>
</div>
</div>
<div class="konghang"></div>
<!--因为头部固定而需要设置高度空行把内容撑下去-->
<div class="content conwidth">
<!----------------主体---------------->
<div class="conwrap fl">
<div class="conone fl">
<!--body三分之一的位置-->
<div class="menu">
<ul>
<li class="menu1">
<a href="popular_menu.html"><i class="qiantu"></i>家常菜<i class="houtu"></i></a>
</li>
<li class="menu2">
<a href="popular_menu.html"><i class="qiantu"></i>快手菜<i class="houtu"></i></a>
</li>
<li class="menu3">
<a href="popular_menu.html"><i class="qiantu"></i>下饭菜<i class="houtu"></i></a>
</li>
<li class="menu4">
<a href="popular_menu.html"><i class="qiantu"></i>早餐<i class="houtu"></i></a>
</li>
<li class="menu5">
<a href="popular_menu.html"><i class="qiantu"></i>肉<i class="houtu"></i></a>
<div id="submenu">
<div class="submenubox">
<dl>
<dt><a href="popular_menu.html">猪肉</a></dt>
<dd>
<a href="popular_menu.html">排骨</a><a href="popular_menu.html">五花肉</a><a href="popular_menu.html">里脊</a><a href="popular_menu.html">猪肉末</a
><a href="popular_menu.html">瘦肉</a><a href="popular_menu.html">猪蹄</a><a href="popular_menu.html">猪肝</a><a href="popular_menu.html">更多</a>
</dd>
</dl>
<hr class="hr" />
<dl>
<dt><a href="popular_menu.html">鸡</a></dt>
<dd>
<a href="popular_menu.html">鸡腿</a><a href="popular_menu.html">鸡翅</a><a href="popular_menu.html">鸡肉</a><a href="popular_menu.html">鸡爪</a
><a href="popular_menu.html">土鸡</a><a href="popular_menu.html">三黄鸡</a><a href="popular_menu.html">鸡胗</a><a href="popular_menu.html">更多</a>
</dd>
</dl>
<hr class="hr" />
<dl>
<dt><a href="popular_menu.html">牛肉</a></dt>
<dd>
<a href="popular_menu.html">牛腩</a><a href="popular_menu.html">肥牛</a><a href="popular_menu.html">牛排</a><a href="popular_menu.html">牛肉末</a
><a href="popular_menu.html">牛瘦肉</a><a href="popular_menu.html">牛尾</a><a href="popular_menu.html">牛筋</a><a href="popular_menu.html">更多</a>
</dd>
</dl>
<hr class="hr" />
<dl>
<dt><a href="popular_menu.html">鸭</a></dt>
<dd>
<a href="popular_menu.html">鸭腿</a><a href="popular_menu.html">鸭翅</a><a href="popular_menu.html">鸭胗</a><a href="popular_menu.html">鸭掌</a
><a href="popular_menu.html">老鸭</a><a href="popular_menu.html">鸭脖</a><a href="popular_menu.html">鸭舌</a><a href="popular_menu.html">更多</a>
</dd>
</dl>
<hr class="hr" />
<dl>
<dt><a href="popular_menu.html">羊肉</a></dt>
<dd>
<a href="popular_menu.html">羊腿</a><a href="popular_menu.html">羊肉片</a><a href="popular_menu.html">羊排</a><a href="popular_menu.html">羊蝎子</a
><a href="popular_menu.html">更多</a>
</dd>
</dl>
</div>
</div>
</li>
<li class="menu6">
<a href="popular_menu.html"><i class="qiantu"></i>鱼<i class="houtu"></i></a>
</li>
<li class="menu7">
<a href="popular_menu.html"><i class="qiantu"></i>蔬菜<i class="houtu"></i></a>
<div id="submenu">
<div class="submenubox">
<dl>
<dt><a href="popular_menu.html">果实类蔬菜</a><
html+css+js网页设计 美食 美拾9个页面 大学生HTML5期末作业 Web前端网页制作 html网页制作 html css网页制作成品 大学生html网页制作作业 html5+css3 （213个子文件） 
main.css 11KB user_kitchen.css 4KB menu_book.css 4KB cook_question.css 2KB popular_menu.css 2KB login.css 2KB menu_class.css 1KB register.css 801B searchhint.css 710B .DS_Store 6KB
index.html 29KB user_kitchen.html 28KB menu_class.html 27KB popular_menu.html 12KB menu_book.html 12KB cook_question.html 8KB search_hint.html 7KB login.html 3KB register .html 3KB
4.jpg 482KB 5.jpg 420KB 14.jpg 375KB 3.jpg 308KB 17.jpg 305KB 10.jpg 292KB 1.jpg 283KB 7.jpg 275KB 12.jpg 272KB 11.jpg 271KB 2c49a054356811e7bc9d0242ac110002_1440w_1440h.jpg 263KB 18.jpg 241KB 8.jpg 227KB 16.jpg 225KB 13.jpg 215KB 2.jpg 203KB 2c37f48a356811e7947d0242ac110002_1440w_1440h.jpg 191KB 19.jpg 181KB 20.jpg 170KB 6.jpg 169KB 15.jpg 166KB 21.jpg 140KB 2c0b171c356811e7947d0242ac110002_1440w_1440h.jpg 139KB 9.jpg 112KB 745c4c122aea11e7947d0242ac110002_1536w_1024h.jpg 93KB a8edb4322aec11e7bc9d0242ac110002_1536w_1024h.jpg 29KB 3b838856085311e7bc9d0242ac110002_2448w_3264h.jpg 28KB 4.jpg 28KB a59549ee2aec11e7947d0242ac110002_1536w_1024h.jpg 27KB dc4e4002085b11e7947d0242ac110002_2448w_3264h.jpg 26KB a20582802aec11e7947d0242ac110002_1536w_1024h.jpg 26KB 0a368fc62aec11e7947d0242ac110002_1086w_1024h.jpg 25KB 9a49aeae2aec11e7947d0242ac110002_1536w_1024h.jpg 24KB 1.jpg 24KB 4e797a5c37ff11e7947d0242ac110002_1280w_1024h.jpg 23KB 2.jpg 22KB 02ce6746242e11e7947d0242ac110002_1571w_1571h.jpg 22KB 11b5fd121f6711e7947d0242ac110002_1616w_1079h.jpg 21KB bdea7b9a2aec11e7947d0242ac110002_1280w_1024h.jpg 21KB 5.jpg 21KB 3.jpg 20KB fc262a7c2aeb11e7bc9d0242ac110002_1536w_1024h.jpg 20KB 4d688e462fb211e7bc9d0242ac110002_1024w_1536h.jpg 20KB d3a4c3a61fe711e7bc9d0242ac110002_1616w_1616h.jpg 20KB 7718a1062ad811e7bc9d0242ac110002_1280w_1024h.jpg 19KB b34230841d7211e7bc9d0242ac110002_1080w_1080h.jpg 19KB 2b3c787837fa11e7947d0242ac110002_1280w_1024h.jpg 18KB 92a5fb6e2f1311e7947d0242ac110002_1280w_853h.jpg 18KB 815f0e001a6811e7947d0242ac110002_3264w_3264h.jpg 18KB dd73ce0c2ad411e7947d0242ac110002_1280w_1024h.jpg 18KB fe7c927a1fe711e7947d0242ac110002_1616w_1616h.jpg 18KB 59e711ca496111e68cec698f30979431.jpg 17KB e3a73094299311e7bc9d0242ac110002_1536w_1024h.jpg 17KB beb688e835a011e7bc9d0242ac110002_1280w_1024h.jpg 17KB 0e73416a2aec11e7bc9d0242ac110002_1536w_1024h.jpg 17KB 05c2bc6a2fd011e7947d0242ac110002_1024w_1536h.jpg 17KB 21c1d5d81b2e11e7bc9d0242ac110002_1080w_864h.jpg 17KB 476e44561d6d11e7bc9d0242ac110002_2080w_2080h.jpg 17KB 1ecb987d48a811e69b157551af2581ab.jpg 16KB 323104d01fe711e7bc9d0242ac110002_1616w_1616h.jpg 15KB dc970f26200711e7947d0242ac110002_1616w_1616h.jpg 15KB 325d6ef8be0811e6947d0242ac110002_1280w_1280h.jpg 15KB 1107a13e240a11e7947d0242ac110002_1616w_1616h.jpg 15KB dedade0c8b1511e6a9a10242ac110002_800w_582h.jpg 15KB d1b51f9a240c11e7bc9d0242ac110002_1616w_1616h.jpg 14KB 6ff78ba00c7711e7bc9d0242ac110002_1418w_1418h.jpg 14KB a5071fd8cf1211e6bc9d0242ac110002_1224w_1632h.jpg 13KB 1ff44b981fe611e7947d0242ac110002_1616w_1616h.jpg 13KB 00ce40e6143511e7947d0242ac110002_1280w_1280h.jpg 13KB 52dd55b4241311e7947d0242ac110002_2000w_2000h.jpg 13KB 7910a42a200811e7947d0242ac110002_1616w_1616h.jpg 13KB f4e77f7c2aeb11e7bc9d0242ac110002_6000w_4000h.jpg 13KB 5947b9d22fce11e7bc9d0242ac110002_1280w_853h.jpg 12KB 81b0e0c8201611e7bc9d0242ac110002_2000w_2000h.jpg 12KB 1fde0fb22fd211e7947d0242ac110002_1280w_853h.jpg 12KB 863f1c6213b511e7bc9d0242ac110002_1280w_1280h.jpg 12KB f196a97abe0711e6947d0242ac110002_1280w_1280h.jpg 12KB 26ad43aa2a3011e7947d0242ac110002_682w_1024h.jpg 12KB cdb30f3c1ce711e7bc9d0242ac110002_1280w_1024h.jpg 12KB 9f0ee468201f11e7bc9d0242ac110002_2000w_2000h.jpg 12KB a39e5538200911e7bc9d0242ac110002_1616w_1616h.jpg 12KB共 213 条
- 1
- 2
- 3
资源评论
html+css+js网页设计
- 粉丝: 1843
- 资源: 549
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
- 造价咨询薪酬管理办法.doc
- 中铁三局集团第二工程有限公司项目薪酬实施办法.doc
- 2025健康管理师三级专业能力考试题及答案.docx
- 2025健康素养知识竞赛题库（含答案）.docx
- 2025交管12123驾驶证学法减分（学法免分）测试题及答案.docx
- 造价咨询公司绩效提成方案 (1).docx
- 造价咨询公司绩效提成方案.docx
- 工程造价咨询从业人员绩效考核制度.docx
- 造价咨询公司(咨询工作室)绩效提成方案-2018修订版 (1).docx
- 2025交管12123学法减分考试试题库及答案（通用版）.docx
- 2025交管12123学法减分题库大全（附答案）.docx
- 2025教师资格证结构化面试题库及答案.docx
- 2025教师招聘义务教育道德与法治课程方案（2022版）必考题库及答案.docx
- 2025教师资格证考试《教育知识与能力》知识点大全.docx
- 2025教育学公共基础知识考试题库及答案（通用版）.docx
- 2025京东pop售前客服认证考试题及答案.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
