html和CSS淘寶賣家服務(wù)，嵌套，切換界面，noresize鎖定frame界面【詩書畫唱】
.alltop {
border-color: blue;
border: solid 1px blue;
width: 100px;
height: 600px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
a{text-decoration: none;color: #0000FF;}
a:hover{color: red;}
table{border-right:1px solid deepskyblue;border-bottom:1px solid deepskyblue;margin-left: 58px;}?
td {border-left:1px solid deepskyblue;border-top:1px solid deepskyblue}
</style>
</head>
<body>
?
<table? width="165px" height="247px"? style=" text-align: center"? cellspacing="0px">
<!-- width="165px"height="247px" --><!--center;border:1px solid blue;-->
<tr? >
<td bgcolor="blue" >店鋪管理</td>
</tr>
<tr>
<td><a href="bottom_right.html" target="bottom_right"> 商品管理? </a></td>
</tr>
<tr><td><a href="bottom_right2.html" target="bottom_right">? >>添加商品? </a></td></tr>
<tr><td><a href="bottom_right3.html"? target="bottom_right">? >>查詢商品? ?</a></td> </tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
a{text-decoration: none;color: #0000FF;}
a:hover{color: red;}
</style>
<meta charset="UTF-8">
<title></title>
</head>
<body>
首頁》全部服務(wù)》<a href="bottom_right2.html" target="bottom_right">商品管理</a>
<hr color="blue">
<br><img src="img/wel.jpg" alt="" width="1019px" height="427px">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
全部服務(wù)》商品管理》添加商品
<table border="1px" cellspacing="0px" width="1000px" >
<hr color="blue">
<tr><td>商品編號(hào):</td><td><input type="text" / ></td></tr>
<tr><td>商品名稱:</td><td><input type="text" / ></td></tr>
<tr><td>商品圖片:</td><td><button name="" type="button" value="">選擇文件</button></td></tr>
<tr><td>商品價(jià)格:</td><td><input type="text" / ></td></tr>
<tr><td>商品類別:</td><td><select>
<option selected="selected">數(shù)碼產(chǎn)品</option>
<option>運(yùn)動(dòng)產(chǎn)品 </option>
</select></td></tr>
<tr><td>商品描述:</td><td><textarea cols="95" rows="5" placeholder=""></textarea></td></tr>
<tr><td? colspan="2" align="center"><button name="" type="submit" value="">添加</button>
<button name="" type="button" value="">取消</button></td></tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
table{border-right:1px solid deepskyblue;border-bottom:
1px solid deepskyblue;margin-left: 58px;}?
td {border-left:1px solid deepskyblue;border-top:
1px solid deepskyblue}
a{text-decoration: none;color: #0000FF;}
a:hover{color: red;}
</style>
</head>
<body>
全部服務(wù)》商品管理》查詢商品
<hr color="blue">
<table>
<tr bgcolor="papayawhip"><th>商品編號(hào)</th><th>商品名稱
</th><th>商品價(jià)格</th><th>商品圖片</th><th>商品圖片</th></tr>
<tr><td>g00001 </td><td>Asus/華碩 X45E1237VD-SL</td><td>
￥2788</td><td><img src="img/p1.jpg" alt="">
</td><td>筆記本CPU: Intel Core/酷客i3<br />
筆記本尺寸: 14寸<br />
筆記本顯卡類型:獨(dú)立<br />
筆記本定位:家庭影音<br />
顯卡顯存容量: 1G</td></tr>
<tr><td>g00002</td><td>小米S2</td><td>￥1999</td><td>
<img src="img/s1.jpg" alt=""></td><td>操作系統(tǒng): ANDROID<br />
厚度:普通(大于1cm)<br />
攝像頭像索: 800萬<br />
鍵盤類型:虛擬觸屏鍵盤<br />
主屏尺寸: 4.3英寸</td></tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<frameset rows= "20%,*">
<frame src="top.html"/>
<frameset cols="15%,*">
<frame src="bottom_left.html" noresize="noresize"/>
<frame src="bottom_right.html" name="bottom_right" noresize="noresize"/>
</frameset>
</frameset>
<!--<body>
<img src="img/top.PNG" alt="" width="150px" height="70px">
</body>-->
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="img/top.PNG" alt="" width="100%" height="100%">
</body>
</html>
