html和CSS淘宝卖家服务，嵌套，切换界面，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>
首页》全部服务》<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>
全部服务》商品管理》添加商品
<table border="1px" cellspacing="0px" width="1000px" >
<hr color="blue">
<tr><td>商品编号:</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>商品价格:</td><td><input type="text" / ></td></tr>
<tr><td>商品类别:</td><td><select>
<option selected="selected">数码产品</option>
<option>运动产品 </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>
全部服务》商品管理》查询商品
<hr color="blue">
<table>
<tr bgcolor="papayawhip"><th>商品编号</th><th>商品名称
</th><th>商品价格</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 />
笔记本显卡类型:独立<br />
笔记本定位:家庭影音<br />
显卡显存容量: 1G</td></tr>
<tr><td>g00002</td><td>小米S2</td><td>￥1999</td><td>
<img src="img/s1.jpg" alt=""></td><td>操作系统: 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>
