首页帮我生成一份html炫酷的登入界面

帮我生成一份html炫酷的登入界面

时间: 2023-10-16 18:06:36 浏览: 35

好的，以下是一份简单的 HTML 登录界面示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <style> body { background-color: #f2f2f2; } .container { width: 400px; background-color: white; margin: 100px auto; border-radius: 10px; padding: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } h1 { text-align: center; font-size: 24px; color: #333; margin-bottom: 20px; } input[type="text"], input[type="password"] { width: 100%; padding: 10px; margin-bottom: 10px; border: none; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); } input[type="submit"] { width: 100%; background-color: #4CAF50; color: white; padding: 10px; border: none; border-radius: 5px; cursor: pointer; transition: all 0.3s ease; } input[type="submit"]:hover { background-color: #3e8e41; } </style> </head> <body> <div class="container"> <h1>登录</h1> <form> <input type="text" placeholder="用户名"> <input type="password" placeholder="密码"> <input type="submit" value="登录"> </form> </div> </body> </html> ``` 这份代码会生成一个简单的登录界面，包括一个包含用户名和密码输入框以及登录按钮的表单。整个容器有一个白色的背景，有一些圆角和阴影效果，看起来比较现代和炫酷。你可以根据自己的需求自由修改样式。