看穿我
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body,p{margin:0}
a{ text-decoration:none; }
.login{width:1200px; margin:10px auto;}
.left{float:left}
.right{float:right}
.left input,.left p,.left a{float:left;margin-left:5px;color:#000}
.left p,.left a{ font-size:12px; line-height:20px; }
.left input{ width:80px; height:18px;padding:0;border:1px solid #ccc;}
.left .dl{width:45px; height:20px; font-size:12px; cursor:pointer;background-image:linear-gradient(to bottom, #fff,#DCFBFF)}
.right p,.right a{float:left;margin-left:5px;color:#000;font-size:12px;}
</style>
</head>
<body>
<div class="login">
<span class="left">
<p>帐号：</p>
<input type="text" value="">
<p>密码：</p>
<input type="password" value="">
<input type="submit" value="登录" class="dl">
<a href="">忘记密码</a>
<p>|</p>
<a href="">免费注册</a>
</span>
<span class="right">
<a href="">生意宝</a>
<p>|</p>
<a href="">生意社</a>
<p>|</p>
<a href="">交易中心</a>
<p>|</p>
<p style="color:#F89845">ChinaMadevice</p>
<p></p>
</span>
</div>
</body>
</html>你看一下这样可以吗?我也是菜鸟一个。