PHP后台管理登录界面代码

1,自学PHP,编写一个简单的后台登录管理系统;

2,代码中少部分借用网上开源代码,如有不规范的地方请指正,如有更好的方法,多谢分享;

3,享受编程的乐趣并得到知识的提高,是我最大的开心所在;

4,工具,服务器:phpstudy,编辑工具:HBuilder;


login.html代码 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link href="login.css" rel="stylesheet" type="text/css" />
	</head>
	<body style="background: #5F9EA0;">
		<div style="position: absolute; left: 50%; top: 50%; width: 400px; margin-left: -250px; margin-top: -200px;">
			<div style="background: #FFFFFF; padding: 20px; border-radius: 4px; box-shadow: 5px 5px 20px #444444;">
				<form style="color: gray;">
					<div style="text-align:center;"><h2>XXX后台管理系统</h2></div>
					<hr>
					<div style="text-align:center;">
						用户名:<input style="vertical-align:middle;" type="text" name="fname"  /><br />

						密&nbsp;&nbsp;&nbsp;码:<input style="vertical-align:middle;" type="password" name="lname" /><br />
								<input style="height: 30px;text-align:center;width: 20%;" type="submit" value="点击登录" />		
								
						
					</div>			
				</form>
			</div>
		</div>
	</body>
	<div class="zt">XX科技有限公司 版权所有©2016-2018 公司邮箱:@xxxxxxxxxx.qq.com</div>
</html>

login.css代码

@charset "utf-8";
input{width: 60%;margin-top:5px;}
body{font-size:14px;}
.zt{display:block;width:100%;float:left;text-align:center;margin-top:690px;font-weight:bold;}

实际运行效果

猜你喜欢

转载自blog.csdn.net/u010427874/article/details/81315998
今日推荐