首页qq三方登录界面html代码

qq三方登录界面html代码

时间: 2023-10-16 21:20:41 浏览: 53

以下是一个简单的QQ三方登录界面的HTML代码，你可以根据自己的需求进行修改： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>QQ三方登录</title> <style> body { background-color: #f1f1f1; } .container { background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 100px auto; padding: 20px; width: 400px; } h1 { text-align: center; } form { margin-top: 20px; } label { display: block; font-size: 16px; margin-bottom: 5px; } input[type=text], input[type=password] { border: 1px solid #ccc; border-radius: 3px; font-size: 16px; padding: 10px; width: 100%; } button[type=submit] { background-color: #4CAF50; border: none; border-radius: 3px; color: #fff; cursor: pointer; font-size: 16px; margin-top: 20px; padding: 10px; width: 100%; } button[type=submit]:hover { background-color: #3e8e41; } </style> </head> <body> <div class="container"> <h1>QQ三方登录</h1> <form> <label for="username">用户名</label> <input type="text" id="username" name="username"> <label for="password">密码</label> <input type="password" id="password" name="password"> <button type="submit">登录</button> </form> </div> </body> </html> ``` 注意，这只是一个基础的样式，实际上还需要进行QQ的接口调用等操作才能实现真正的QQ三方登录功能。