首页用HTML写一个非常好看的登陆页面

用HTML写一个非常好看的登陆页面

时间: 2023-04-09 15:00:45 浏览: 68

好的，我可以为您提供一些HTML代码，来创建一个漂亮的登录页面。以下是一个简单的示例： ``` <!DOCTYPE html> <html> <head> <title>登录页面</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } form { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 20px; width: 400px; margin: 0 auto; box-shadow: 0px 0px 10px #ccc; } h1 { text-align: center; color: #333; } label { display: block; margin-bottom: 10px; color: #666; } input[type="text"], input[type="password"] { padding: 10px; border: 1px solid #ccc; border-radius: 5px; width: 100%; margin-bottom: 20px; font-size: 16px; } input[type="submit"] { background-color: #333; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; } input[type="submit"]:hover { background-color: #666; } </style> </head> <body> <form> <h1>登录</h1> <label for="username">用户名</label> <input type="text" id="username" name="username" required> <label for="password">密码</label> <input type="password" id="password" name="password" required> <input type="submit" value="登录"> </form> </body> </html> ``` 这个登录页面使用了一些CSS样式来美化表单元素和整个页面。您可以根据需要进行修改和定制。

阅读全文