首页可爱登录界面html源代码

可爱登录界面html源代码

时间: 2023-11-08 09:05:10 浏览: 48

以下是一个简单的可爱登录界面的 HTML 源代码： ```html <!DOCTYPE html> <html> <head> <title>可爱登录界面</title> <style> body { background-color: #F8E0E0; font-family: Arial, sans-serif; } h1 { color: #FF69B4; text-align: center; } form { background-color: #FFFFFF; border-radius: 10px; padding: 20px; width: 300px; margin: 0 auto; } label { display: block; margin-bottom: 10px; color: #FF69B4; } input[type="text"], input[type="password"] { padding: 5px; border-radius: 5px; border: none; width: 100%; margin-bottom: 20px; } input[type="submit"] { background-color: #FF69B4; color: #FFFFFF; border-radius: 5px; border: none; padding: 10px; cursor: pointer; width: 100%; } </style> </head> <body> <h1>可爱登录界面</h1> <form> <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> ```