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>
</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>
</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>
css
- 1. 【Angular5】 返回前一頁面 go back to previous page
- 2. Back to Back vs Drop Shipment
- 3. Oracle Back to Back Process Flow
- 4. Page in/Page out/Page fault
- 5. I’m back
- 6. I'm back
- 7. go-back-n_iMyFone D-Back iPhone數據恢復
- 8. Mosfet Bi-Directional Switch NMOS PMOS Back to Back
- 9. 一致性測試 Back-to-Back Testing
- 10. selenium page object & Page Factory
- 更多相關文章...
- • ASP.NET Page 屬性 - ASP.NET 教程
- • XSL-FO page-sequence-master 對象 - XSL-FO 教程
- • JDK13 GA發佈：5大特性解讀
- • Flink 數據傳輸及反壓詳解
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 【Angular5】 返回前一頁面 go back to previous page
- 2. Back to Back vs Drop Shipment
- 3. Oracle Back to Back Process Flow
- 4. Page in/Page out/Page fault
- 5. I’m back
- 6. I'm back
- 7. go-back-n_iMyFone D-Back iPhone數據恢復
- 8. Mosfet Bi-Directional Switch NMOS PMOS Back to Back
- 9. 一致性測試 Back-to-Back Testing
- 10. selenium page object & Page Factory