PHP后台管理登录界面代码

最新推荐文章于 2024-07-25 20:29:32 发布

lliolvye

最新推荐文章于 2024-07-25 20:29:32 发布

阅读量1.6w

点赞数 8

分类专栏： PHP

本文链接：https://blog.csdn.net/u010427874/article/details/81315998

版权

PHP 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

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;}

实际运行效果

lliolvye

关注

8
点赞
踩
80

收藏

觉得还不错? 一键收藏
1
评论
PHP后台管理登录界面代码

1，自学PHP，编写一个简单的后台登录管理系统；2，代码中少部分借用网上开源代码，如有不规范的地方请指正，如有更好的方法，多谢分享；3，享受编程的乐趣并得到知识的提高，是我最大的开心所在；4，工具，服务器：phpstudy，编辑工具：HBuilder；login.html代码 &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; ...
复制链接

扫一扫

专栏目录