<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
/*#biaoge{
border-color:orange;
}
#paper
{
float:left;
}*/
</style>
</head>
<body>
<table align="center" width="1000" height="100">
<tr rowspan="3">
<td>
<img src="img/logo.gif"/>
</td>
<td align="right">
<table>
<tr>
<td align="right">
<div style="position: relative;width="400" height="40"">
<img src="img/topmenu_bg.jpg" width="400" height="40" alt="">
<span style="position: absolute; top: 0; right: 0;">会员登录|会员注册|注销退出|配送说明|关于我们</span>
</div>
</td>
<tr align="right">
<td>
<font color="#ED7D31" size="3">亲爱的张三您好!欢迎光临!</font>
</td>
</tr>
<br/>
<tr>
<td>
<table>
<tr align="center">
<td >
<div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">首页</font></span>
</div></td>
<td> <div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">我的餐车</font></span>
</div></td>
<td><div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">我的订单</font></span>
</div></td>
<td><div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">用户中心</font></span>
</div></td>
<td><div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">配送说明</font></span>
</div></td>
<td><div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">关于我们</font></span>
</div></td>
<td><div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">注销退出</font></span>
</div></td>
</tr>
</table>
</td>
</tr>
</tr>
</table>
</td>
</tr>
</table>
<hr align="center" width="1000" color="#ED7D31"/>
<div id="biaoge">
<br/>
<br/>
<table border="1" cellspacing="0" align="center" width="800">
<tr>
<td>
菜单名称:
</td>
<td>
麻椒鸡
</td>
</tr>
<tr>
<td>
原料:
</td>
<td>
花椒、白鸡、辣椒
</td>
</tr>
<tr>
<td>
市场单价:
</td>
<td>
16
</td>
</tr>
<tr>
<td>
会员单价:
</td>
<td>13</td>
</tr>
<tr>
<td>说明:</td>
<td>暂无</td>
</tr>
<tr>
<td>菜品类别:</td>
<td>炒鸡</td>
</tr>
<tr rowspan="4">
<td>展示图片:</td>
<td><img src="img/1257835997.jpg"/></td>
</tr>
<tr align="center">
<td colspan="2">返回</td>
</tr>
</table>
</div>
<br/>
<br/>
<hr width="1000" algin="center" color="#FFC000"/>
<table algin="center" width="1600">
<tr align="center">
<td>
<font align="center">关于我们| 配送说明</font>
</td>
</tr>
<tr align="center">
<td>
<font align="center">Copyright(C)2015-2020</font>
</td>
</tr>
</table>
</body>
</html>
html私房菜前台页面代码
最新推荐文章于 2024-08-25 19:34:22 发布