简单登录页

九万里^

已于 2023-12-19 17:20:44 修改

阅读量2.1k

点赞数 2

文章标签： html

于 2021-05-22 15:26:42 首次发布

本文链接：https://blog.csdn.net/An2290501132/article/details/117162133

版权

这是我用Hbuilder X写的一个登录页面，现在的我还是一个小白如果有写的不对的地方，还请各位大佬多多指教，非常感谢！

下面是我做的一个效果图：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录页面</title>
		<link rel="stylesheet" href="lu.css">
		<style type="text/css">
			h1{
				text-align: center;
				margin-top: 40px;
				color: aqua;
			}
			body{
				background-image: url(12.jpg);
			}
			div{
				margin: 0;padding: 0;
				border-radius: 15px;
				width: 450px;height: 300px;
				background-image: url(12.jpg);
				background-size: cover;
				position: absolute;left: 750px;top:30%
			}
			#lu{
				position: absolute;left: 20%;top: 40%;
			}
			#deng{
				border-radius: 5px;
				position: absolute;left: 60px;top: 60px;
				
			}
			#chong{
				border-radius: 5px;
				position: absolute;right: 40px;top: 60px;
			}
		</style>
	</head>
	<body>
		<div id="mi">
			<h1>球场预订系统</h1>
		<form action="" id="lu">
			账号：<input type="text" name="账号"><br>
			密码：<input type="password" name="密码" ><br>
			<input type="submit" name="登录" id="deng" value="登录">
			<input type="reset" name="重置" id="chong" value="重置">
		</form>
	</body>
</html>