<!DOCTYPE html> |
<html lang= "en" > |
<head> |
<meta charset= "UTF-8" /> |
<title>jquery登录框特效4</title> |
<link rel= "shortcut icon" href= "../favicon.ico" > |
<link rel= "stylesheet" type= "text/css" href= "css/style.css" /> |
<!--[ if lte IE 7]><style>.main{display:none;} .support-note .note-ie{display:block;}</style> |
<![endif]--> |
<style> |
body { |
background: #7f9b4e url(images/bg2.jpg) no-repeat center top; |
-webkit-background-size: cover; |
-moz-background-size: cover; |
background-size: cover; |
} |
.container > header h1, .container > header h2 { |
color: #fff; |
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); |
} |
</style> |
</head> |
<body> |
<div class= "container" > |
<section class= "main" > |
<form class= "form-4" > |
<h1>Login or Register</h1> |
<p> |
<label for = "login" >Username or email</label> |
<input type= "text" name= "login" placeholder= "Username or email" required> |
</p> |
<p> |
<label for = "password" >Password</label> |
<input type= "password" name= 'password' placeholder= "Password" required> |
</p> |
<p> |
<input type= "submit" name= "submit" value= "Continue" > |
</p> |
</form> |
</section> |
</div> |
</body> |
</html> |
初级程序员
by: 我的程序员之路 发表于:2013-05-05 20:06:01 顶(1) | 踩(0) 回复
效果不错,学习了,最近转向做网站开发
回复评论