您的位置:首页 > 其它

page disegn back

2013-12-29 00:00 399 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="mydiv.css" rel="stylesheet" type="text/css" />
<title>无标题文档</title>
</head>
<body>
<!--div固定框架-->
<div class="bg_base_back">
<!--页面头部框架-->
<div class="bg_herd">
<div class="bg_backtext">
Welcome to backstage
</div>
<div id="herdfont" class="bg_herdfontright">
<p> 

</p>
<p>
<a href="#" onClick="return window.confirm('您确认要退出系统吗?');">退出系统</a>
</p>
</div>
<!--页面头部结束-->
</div>
<!--中部导航条开始-->
<div id="nav">
<a href="#" class="firstnar">商品管理</a>
<a href="#" class="twonar">美国花旗参管理</a>
<a href="#" class="twonar">天然燕窝管理</a>
<a href="#" class="twonar"></a>
<a href="#" class="twonar"></a>
<a href="#" class="twonar"></a>
<a href="#" class="twonar"></a>
</div>
<!--左边上第一个div开始-->
<div class="bg_midupter">
<dt>
<a href="#">请选择商品系列</a>
</dt>
<dd>
<a href="#">> 花旗人参</a>
</dd>
<dd>
<a href="#">> 天然燕窝</a>
</dd>
<dd>
<a href="#">> 名贵药材</a>
</dd>
<dd>
<a href="#">> 山珍海味</a>
</dd>
<dd>
<a href="#">> 中医药材</a>
</dd>
<dd>
<a href="#">> 中式汤料</a>
</dd>
<dd>
<a href="#">> 特色食品</a>
</dd>
</div>
<!-- certrbr-->
<div class="centerback">
<span>
>>添加商品界面
</span>
</div>
<!--显示很多小图片开始可以用table 也可以用li ui设计-->
<div class="showpic">
<table class="talbstyl">
<tr>
<td align="center"><img src="images/s80s.jpg" /></td>
<td align="center"><img src="images/s1g-rr.jpg" /></td>
<td align="center"><img src="images/s04g-rr_1.jpg" /></td>
<td align="center"><img src="images/a4ozs.jpg" /></td>
&n
3ff0
bsp; </tr>
<tr id="showalik">
<td><a href="#">Laddling Screan</a></td>
<td><a href="#">Laddling Screan</a></td>
<td><a href="#">Laddling Screan</a></td>
<td><a href="#">Laddling Screan</a></td>
</tr>
<td align="center"><img src="images/ts-120s.jpg" /></td>
<td align="center"><img src="images/btsa_1s.jpg" /></td>
<td align="center"><img src="images/btssuper_1s.jpg" /></td>
<td align="center"><img src="images/wgs_1.jpg" /></td> </tr>
<tr id="showalik">
<td><a href="#">Laddling Screan</a></td>
<td><a href="#">Laddling Screan</a></td>
<td><a href="#">Laddling Screan</a></td>
<td><a href="#">Laddling Screan</a></td>
</tr>
<tr>
<td align="center"><img src="images/s80s.jpg" /></td>
<td align="center"><img src="images/s1g-rr.jpg" /></td>
<td align="center"><img src="images/s04g-rr_1.jpg" /></td>
<td align="center"><img src="images/a4ozs.jpg" /></td>
</tr>
<tr id="showalik">
<td height="54"><a href="#">Laddling Screan</a></td>
<td><a href="#">Laddling Screan</a></td>
<td><a href="#">Laddling Screan</a></td>
<td><a href="#">Laddling Screan</a></td>
</table>
</div>
<!--外框div结束-->
</div>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: