登入页面学习html

最新推荐文章于 2023-04-03 17:43:22 发布

520ysl

最新推荐文章于 2023-04-03 17:43:22 发布

阅读量317

点赞数

本文链接：https://blog.csdn.net/y_yJava/article/details/81545341

版权

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <style type="text/css">
   #body{
       background-image: url("Bg.jpg");
       width:940px;
       height:588px;
       margin:auto;
   }
   #form{
       position:absolute;
       left:540px;
       top:160px;
       color:white;
   }
   #p{
       font-style: italic;
       font-size:25pt;
       color:red;
   }
   </style>
</head>
<body>
   <div id="body">
       <div id="form">
       <p id="p">&emsp;欢迎登录！</p>
           <form action="">
           用&emsp;&emsp;户：<input type="text" value="请输入您的账号"><br><br>
           密&emsp;&emsp;码：<input type="password" ><br><br>
           &emsp;&emsp;&emsp;&emsp;&emsp;<input type="checkbox" name="" id="">记住密码&emsp;&emsp;<br><br>
           &emsp;&emsp;&emsp;<input type="submit" value="登录">&emsp;&emsp;&emsp;&emsp;<input type="reset" value="取消"><br><br>
           </form>
       </div>
   </div>
</body>
</html>