首页帮我写一个html登陆界面

帮我写一个html登陆界面

时间: 2023-07-01 20:10:01 浏览: 52

好的，下面是一个简单的HTML登录界面的代码： ``` <!DOCTYPE html> <html> <head> <title>Login Page</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { text-align: center; margin-top: 50px; } form { width: 300px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px #888888; } input[type=text], input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } button { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; width: 100%; } button:hover { background-color: #45a049; } </style> </head> <body> <h1>Login Page</h1> <form> <label for="username">Username</label> <input type="text" id="username" name="username" placeholder="Enter your username"> <label for="password">Password</label> <input type="password" id="password" name="password" placeholder="Enter your password"> <button type="submit">Login</button> </form> </body> </html> ``` 你可以将此代码复制到一个文本编辑器中，将其保存为 login.html 然后在浏览器中打开它，就能看到一个简单的登录界面了。