首页用php写一个带背景的登陆界面

用php写一个带背景的登陆界面

时间: 2023-06-15 19:04:56 浏览: 268

以下是一个简单的带背景的登录界面的 PHP 代码示例： ```php <!DOCTYPE html> <html> <head> <title>Login Page</title> <style type="text/css"> body { background-image: url("background.jpg"); background-size: cover; } .container { margin: 150px auto; width: 400px; height: 300px; background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; padding: 20px; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); } 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"> <h2>Login</h2> <form method="post" action="login.php"> <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> ``` 这个登录界面使用了一个名为 `background.jpg` 的背景图片，可以自行替换为自己喜欢的图片。登录表单中包括了用户名和密码的输入框以及一个提交按钮，并且使用了一些 CSS 样式来美化界面。登录表单的提交地址为 `login.php`，可以根据实际情况进行修改。

阅读全文