纯css3写的非常漂亮的登录表单

    纯css3写的非常漂亮的登录表单，提交按钮是圆形的，input框也不是传统意义上的矩形，而是似乎被登陆按钮遮挡了一个角。 1、在head区域引入下面的css样式：

<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

2、在body引入下面的表单代码：

<form method="post" action="http://www.5imoban.net" class="login">
	<p>
	  <label for="login">Email:</label>
	  <input type="text" name="login" id="login" value="name@example.com">
	</p>
	<p>
	  <label for="password">Password:</label>
	  <input type="password" name="password" id="password" value="4815162342">
	</p>
	<p class="login-submit">
	  <button type="submit" class="login-button">Login</button>
	</p>
	<p class="forgot-password"><a href="index.html">Forgot your password?</a></p>
</form>

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！