首页利用web前端编写一个网吧管理系统的登录界面

利用web前端编写一个网吧管理系统的登录界面

时间: 2024-05-12 12:13:12 浏览: 10

好的，以下是一个简单的网吧管理系统的登录界面HTML和CSS代码，你可以在浏览器中打开查看效果： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网吧管理系统登录</title> <style> body { background-color: #F5F5F5; } form { margin: 0 auto; padding: 30px; background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 5px; width: 400px; text-align: center; } h1 { font-size: 36px; margin-bottom: 30px; } input { display: block; margin: 20px auto; padding: 10px; border: none; border-radius: 5px; width: 80%; font-size: 18px; } button { background-color: #007FFF; color: #FFF; border: none; border-radius: 5px; padding: 10px 20px; font-size: 18px; cursor: pointer; } button:hover { background-color: #0066CC; } </style> </head> <body> <form> <h1>网吧管理系统</h1> <input type="text" placeholder="请输入用户名"> <input type="password" placeholder="请输入密码"> <button type="submit">登录</button> </form> </body> </html> ``` 这是一个简单的登录界面，包括一个标题、一个输入用户名的文本框、一个输入密码的文本框和一个登录按钮。你可以根据实际需求进行修改和完善。