做的简单点的商城
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> word </title>
<style type="text/css">
*{}
#wxx{width:1500px;height:800px;}
.div{height:60px;}a{text-decoration:none}
.div1{margin-left:200px;float:left;line-height:60px}
.div2{float:right;margin-right:240px;line-height:60px}
.div3{clear:both;height:80px;margin-left:200px;font-size:26px;line-height:60px}
.div4{width:200px;height:25px;vertical-align:center}
.div5{width:1200px;height:35px;font-size:25px;margin-left:180px;background:#1F81B0}
.div6{color:white;margin-left:50px}
.div7{position:relative;margin-top:80px;width:300px;height:200px;margin-left:240px;background:#DAEDFB;}
.div9{width:300px;height:200px;margin-left:600px;position:relative;top:-180px}
.p2{margin-left:60px;font-size:22px}
.p3{margin-left:50px;color:#687DFC;font-size:24px;position:relative;top:60px}
.p4{margin-left:120px;font-size:24px;color:#057819;position:relative;top:45px}
.p5{width:200px;}
.p6{text-align:center;width:120px}
</style>
</head>
<body>
<div id="wxx">
<div id="" class="div">
<div id="" class="div1">
<a href=""id="" class="">网站首页</a>
<a href=""id="" class="">用户中心</a>
<a href=""id="" class="">我的购物车（0）</a>
<a href=""id="" class="">我的订单（0）</a> </div>
<div id="" class="div2">
欢迎来到欣才商城！您好，Admin!
<a href=""id="" class=>登录</a>
<a href=""id="" class=>免费注册</a>
<a href=""id="" class=>退出</a></div> </div><hr>
<div class="div3">欣才 商城 <input type="text" class="div4"><input type="submit" value="搜索"width="20px"></div>
<div id="" class="div5">
<a href=""class="div6">首页</a>
<a href=""class="div6">商城</a>
<a href=""class="div6">新闻</a>
<a href=""class="div6">活动</a>
<a href=""class="div6">论坛</a>
<p class="p2"> 欣才商城账号登陆</p></br>
</div>
<div id="" class="div7">
<p class="p3">Thinksite</p>
<p class="p4"><b>欣才商城</b></p>
</div>
<div id="" class="div9">
账号 <input type="text" class="p5"></br></br>
密码 <input type="password" class="p5"></br></br><hr></br>
<input type="sumbli" value="登录" class="p6">
</div>
</div>
</body>
</html>