首页帮我写一个网页登录的界面

帮我写一个网页登录的界面

时间: 2023-12-14 20:03:25 浏览: 32

好的，我可以为您提供一个简单的网页登录界面的示例代码。以下是一个基本的HTML和CSS的代码，可以实现一个简单的网页登录界面： ```html <!DOCTYPE html> <html> <head> <title>Login Page</title> <style> body { background-color: #f1f1f1; } .container { background-color: #fff; padding: 20px; margin: 50px auto; width: 500px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3); } h1 { text-align: center; font-size: 36px; margin-bottom: 30px; } 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> <div class="container"> <h1>Login</h1> <form> <label for="username">Username</label> <input type="text" id="username" name="username" placeholder="Enter username"> <label for="password">Password</label> <input type="password" id="password" name="password" placeholder="Enter password"> <button type="submit">Login</button> </form> </div> </body> </html> ``` 您可以将上面的代码保存为一个HTML文件，然后在浏览器中打开它，就可以看到一个简单的网页登录界面了。当然，这只是一个示例代码，您还可以根据自己的需要进行修改和优化。