首页网上售房管理系统登陆页面的代码

网上售房管理系统登陆页面的代码

时间: 2023-09-21 22:02:35 浏览: 72

对不起，作为AI语言模型，我无法提供完整的代码，但我可以为您提供一个基本的网上售房管理系统登陆页面的HTML和CSS代码示例。 HTML代码： ``` <!DOCTYPE html> <html> <head> <title>网上售房管理系统登陆页面</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="login"> <h1>Login</h1> <form action="" method="post"> <label for="username"> <i class="fas fa-user"></i> </label> <input type="text" name="username" placeholder="Username" id="username" required> <label for="password"> <i class="fas fa-lock"></i> </label> <input type="password" name="password" placeholder="Password" id="password" required> <input type="submit" value="Login"> </form> </div> </body> </html> ``` CSS代码： ``` body { font-family: Arial, sans-serif; background-color: #f6f6f6; } .login { background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 20px #888888; margin: 100px auto; padding: 20px; width: 400px; } h1 { text-align: center; margin-bottom: 20px; } 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; } input[type=submit] { background-color: #4CAF50; color: #fff; padding: 12px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; width: 100%; } input[type=submit]:hover { background-color: #45a049; } label { display: block; } i { float: left; margin-top: 10px; margin-right: 10px; } .fa-user:before { content: "\f007"; } .fa-lock:before { content: "\f023"; } ``` 请注意，这只是一个基本的示例，您需要根据您的需求进行修改和定制。

阅读全文