page disegn back

<!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>&nbsp;
   
   </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="#">&gt;&nbsp;花旗人参</a>
    </dd>
   <dd>
     <a href="#">&gt;&nbsp;天然燕窝</a>
    </dd>
     <dd>
     <a href="#">&gt;&nbsp;名贵药材</a>
    </dd>
     <dd>
     <a href="#">&gt;&nbsp;山珍海味</a>
    </dd>
     <dd>
     <a href="#">&gt;&nbsp;中医药材</a>
    </dd>
    <dd>
     <a href="#">&gt;&nbsp;中式汤料</a>
    </dd>
    <dd>
     <a href="#">&gt;&nbsp;特色食品</a>
    </dd>
   </div>
   <!-- certrbr-->
   <div class="centerback">
    <span>
     &gt;&gt;添加商品界面
    </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>
   </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>

你可能感兴趣的:(page disegn back)