<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
<style>
#div1>.divc{
display: inline-block;
width: 160px;
margin-left: 20px;
}
</style>
</head>
<body>
<div style="width: 80%">
<!--头部导航-->
<div style="margin-top: 30px;width: 80%">
<img style="margin-left: 150px" src="img/logo.gif"><img style="margin-left: 10px" src="img/login_header.gif">
<span style="float: right"><a href="#">首页</a>|<a href="#">商品展览页</a>|<a href="#">购物车</a>|<a href="#">注册页</a></span>
</div>
<!--页面核心内容-广告图片-->
<div style="margin-top: 50px">
<img style="margin-left: 70px" width="180px" height="180px" src="img/login_main_01.jpg">
<img src="img/login_main_02.jpg" width="180px" height="180px">
<img src="img/login_main_03.jpg" width="180px" height="180px">
<img style="margin-top: 40px;margin-left: 300px" src="img/login_main_04.jpg" width="150px" height="130px">
</div>
<!--网站特点 文本-->
<div id="div1">
<div class="divc" style="margin-left: 70px">
<p>更多选择,更低价格</p>
<p>100万种商品包含图书,数 码,美妆,运动健康等,价 格低于地面店200以上</p>
</div>
<div style="border:1px dashed black;height: 150px;display: inline-block;position: relative;top: 20px"></div>
<div class="divc">
<p>全场免运费,货到付款</p>
<p>免费送货上门,360个城市货 到付款,另有网上支付,邮 局汇款等多种支付方式</p>
</div>
<div style="border:1px dashed black;height: 150px;display: inline-block;position: relative;top: 20px"></div>
<div class="divc">
<p>真实,优质的商品评论</p>
<p>千万用户真实,优质的商品 评论,给您多角度,全方位 的购物参考</p>
</div>
</div>
<!--页面尾部-->
<div>
<span style="margin-left: 70px">Copyfight(c)当当网 2004-2009, All Rights Reserved</span>
<img src="img/validate.gif">
<span>京ICP证041189号 音像制作经营许可证 京音网8号</span>
</div>
<!--登录模块-->
<div style="width: 300px;height: 370px;border: 1px;border-style: solid;position: absolute;top: 100px;left: 630px">
<div><img style="margin-top: 10px;margin-left: 10px" src="img/2345截图20160302181643.jpg">
<span style="color: red;margin-bottom: 50px;">请登录当当网</span></div>
<img src="img/register_top_bg.gif" width="100%">
<div>
<div style="margin-top: 20px">
<label style="width: 80px;display: inline-block;text-align: right">昵称:</label><input type="text"/>
</div>
<div style="margin-top: 20px">
<label style="width: 80px;display: inline-block;text-align: right">密码:</label><input type="text"/>
</div>
</div>
<div style="margin-top: 20px;text-align: center">
<img src="img/2345截图20160303094943.jpg">
</div>
<span>..............................................................................</span><br>
<p> 还不是当当网用户?快捷方便的免费注册,让</p>
<p> 你立刻尽享当当网提供的条件优惠服务.....</p>
<div style="text-align: right;margin-right:20px;"><img src="img/2345截图20160302190554.jpg"></div>
</div>
</div>
</body>
</html>
dd网登录页面
于 2022-10-22 13:27:37 首次发布