<html>
<head>
<title>delicous food</title>
<link rel="stylesheet" href="style6.css">
</head>
<body>
<div id="top"></div>
<div id="head">
<div class="headLeft">
<span class="hs1">Catering</span>
<span class="hs2">Design</span>
</div>
<div class="headRight">
<a href="" class="a1">首页</a>
<a href="">商店</a>
<a href="">新闻资讯</a>
<a href="">关于我们</a>
<a href="">练习我们</a>
</div>
</div>
<div id="bigImg">
<div id="Design2">
<div id="Design3"></div>
<p style="margin-top:48%;margin-left:32%;">草</p>
<p style="margin-top:2%;margin-left:32%;">梅</p>
<p style="margin-top:2%;margin-left:32%;">拼</p>
<p style="margin-top:2%;margin-left:32%;">盘</p>
<span style="margin-top:-58px;margin-left:63%;color:white;position:absolute;">$</span>
<span style="margin-top:-98px;margin-left:67%;color:white;position:absolute;font-size:60px;">48</span>
<span style="margin-top:-58px;margin-left:85%;color:white;position:absolute;">.00</span>
<div id="Design4"></div>
</div>
</div>
<!--我们的特色-->
<div class="tese">
<p class="tsp1">OUR CHARACTERISTICS</p>
<p class="tsp2">我们的特色</p>
</div>
<div id="menu">
<div>
<p id="menuImg1"></p>
<p class="menuP1">DIY 蛋糕</p>
<p class="menuP2">大家都对新奇的东西感到好奇，追求独一无二，手把手教你动手diy自制蛋糕。</p>
</div>
<div>
<p id="menuImg2"></p>
<p class="menuP1">DIY 蛋糕</p>
<p class="menuP2">大家都对新奇的东西感到好奇，追求独一无二，手把手教你动手diy自制蛋糕。</p>
</div>
<div>
<p id="menuImg3"></p>
<p class="menuP1">DIY 蛋糕</p>
<p class="menuP2">大家都对新奇的东西感到好奇，追求独一无二，手把手教你动手diy自制蛋糕。</p>
</div>
<div>
<p id="menuImg4"></p>
<p class="menuP1">DIY 蛋糕</p>
<p class="menuP2">大家都对新奇的东西感到好奇，追求独一无二，手把手教你动手diy自制蛋糕。</p>
</div>
<div>
<p id="menuImg5"></p>
<p class="menuP1">DIY 蛋糕</p>
<p class="menuP2">大家都对新奇的东西感到好奇，追求独一无二，手把手教你动手diy自制蛋糕。</p>
</div>
<div>
<p id="menuImg6"></p>
<p class="menuP1">DIY 蛋糕</p>
<p class="menuP2">大家都对新奇的东西感到好奇，追求独一无二，手把手教你动手diy自制蛋糕。</p>
</div>
</div>
<div id="more">
<h1>
<div>
<p class="moreP1 gz"></p>
<p class="moreP2">果汁</p>
<p class="moreP3"><a href="">查看更多</a></p>
</div>
<div>
<p class="moreP1 xuegao"></p>
<p class="moreP2">雪糕</p>
<p class="moreP3"><a href="">查看更多</a></p>
</div>
<div>
<p class="moreP1 tiantianquan"></p>
<p class="moreP2">甜甜圈</p>
<p class="moreP3"><a href="">查看更多</a></p>
</div>
<div>
<p class="moreP1 dangao"></p>
<p class="moreP2">蛋糕</p>
<p class="moreP3"><a href="">查看更多</a></p>
</div>
</h1>
</div>
<div class="tese">
<p class="tsp1">OUR DESSERT</p>
<p class="tsp2">我们的甜品</p>
</div>
<div id="detail">
<div class="dtop">
<h1></h1>
<h2>
<p class="gztitle">果汁</p>
<p class="gzcontent">采购新鲜优质水果，新鲜果汁，加入独家秘制原料，口感更佳。</p>
</h2>
<h3></h3>
</div>
<div class="dbottom">
<div class="dangao1">
<h2>
<p class="dgtitle">蛋糕</p>
<p class="dgcontent">采购新鲜原材料，加入独家秘制原材料，口感更佳。</p>
</h2>
<h3></h3>
</div>
<div class="tiantianquan1">
<h1></h1>
<h2>
<p class="ttqtitle">甜甜圈</p>
<p class="ttqcontent">一种用面粉，砂糖，奶油和鸡蛋混合后经过油炸的甜食。
最普遍的两种形状是中空的环状，或中间有包入奶油，蛋浆（卡士达）等甜馅饼的封闭型</p>
</div>
<div class="xuegao1">
<h2>
<p class="xgtitle">雪糕</p>
<p class="xgcontent">采购新鲜原材料，加入独家秘制原材料，口感更佳。
有独立蛋糕也有蛋糕和雪糕结合体。</p>
</h2>
<h1>
<p class="moreP4"><a href="">更多详情</a></p>
</h1>
</div>
</div>
</div>
<div class="tese1">
<p class="tsp1">CONTACT US</p>
<p class="tsp2">联系我们</p>
</div>
<div id="tese2">
<p class="tsp5">如有任何问题请联系我们，我们24小时竭诚为您服务</p>
<p class="tsp6">400-132-8888</p>
</div>
<div class="biao">
<div class="lianxi1">
<h1></h1>
<p class="guanfang">关注官方微博</p>
<p class="guanfang1">canyinhangye</p>
</div>
<div class="lianxi2">
<h2></h2>
<p class="guanfang">关注官方微信</p>
<p class="guanfang1">canyinhangye</p>
</div>
<div class="lianxi3">
<h3></h3>
<p class="guanfang">在线QQ服务</p>
<p class="guanfang1">303458231 569421598</p>
</div>
</div>
<div id="more2">
<!-- <h1></h1>-->
<p class="xinxi1">姓名</p>
<input type="text" class="tian">
<p class="xinxi2">电话</p>
<input type="text" class="tian">
<p class="xinxi3">内容</p>
<input type="text" class="tian">
<input type="submit" value="提交" class="tijiao">
</div>
<div id="zuihou">
<div class="tese3">
<span class="tp1">CATERING</span>
<span class="tp2">DESIGN</span>
</div>
<div class="zuihou1">
<a href="">首页</a>
<a href="">商店</a>
<a href="">新闻资讯</a>
<a href="">关于我们</a>
<a href="">联系我们</a>
</div>
<div class="finally">
<a href="">手机版 | </a><a href="">本站使用凡科建站 搭建 | </a><a href="">管理登录</a>
</div>
</div>
</body>
</html>
html+css静态网页制作
5星 · 超过95%的资源 需积分: 32 22 浏览量
2017-08-30
20:33:14
上传
评论 8
收藏 3.36MB RAR 举报 
foodImg.rar （31个子文件） 
foodImg 
more3.png 20KB
wI.jpg 176KB gz2.jpg 86KB text.png 27KB qq.png 19KB more4.png 20KB more1.png 20KB gz1.jpg 228KB text2.png 18KB line.jpg 16KB 下载 (1).png 19KB
style6.css 9KB weibo.png 19KB menu3.png 23KB menu6.png 22KB more2.png 19KB bigLogo.jpg 1.26MB 下载.png 14KB weixin.png 19KB menu1.png 21KB menu4.png 23KB wI3.jpg 21KB Bw.jpg 589KB menu5.png 23KB wI2.jpg 159KB
index.html 7KB xiazai2.png 13KB menu2.png 22KB style.css 76B 12.html 668B more.jpg 873KB
评论2
最新资源