特效介绍
纯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>