[摘要]这次给大家带来怎样用CSS3制作登录框，用CSS3制作登录框的注意事项有哪些，下面就是实战案例，一起来看一下。作为一个新手，个人觉得难点在：1.阴影的使用（外框，账户栏，密码栏，button）2.账...
这次给大家带来怎样用CSS3制作登录框，用CSS3制作登录框的注意事项有哪些，下面就是实战案例，一起来看一下。
作为一个新手，个人觉得难点在：
1.阴影的使用（外框，账户栏，密码栏，button）
2.账户栏，密码栏的布局
3.button颜色渐变
下面给出一些思路，也希望大家提供一些简洁的方法帮助更多的新手。
HTML 代码如下：
<body>
<div class="wrapper">
<div class="header">Login to <span>love.ly</span></div>
<form action="" method="post">
<ul>
<li>
<div class="text">
<span class="yonghu"></span><input type="text" placeholder="IconDeposit">
</div>
</li>
<li>
<div class="password">
<span class="mima"></span><input type="password" placeholder="??????????????">
</div>
</li>
<li class="remember">
<input type="checkbox">Remember Me </li>
<li>
<a href="">Forgot username or password?</a>
</li>
<li>
<input type="button" value="Login">
</li>
</ul>
</form>
<div class="footer">
<p>Love.ly Personal Blog .PSD Template <a href="">Copyright ?2012 Matt Gentile</a></p>
<p><a href="">Love.ly Home</a> 关键词：怎样用CSS3制作登录框