首页写一个王者荣耀的前端登录页面

写一个王者荣耀的前端登录页面

时间: 2023-03-20 13:02:16 浏览: 72

写一个王者荣耀的前端登录页面需要熟悉 HTML、CSS 和 JavaScript 等前端开发技术。以下是一个简单的登录页面代码： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>王者荣耀登录页面</title> <style> /* 登录页面的样式 */ .login-container { width: 400px; height: 300px; margin: 100px auto; background-color: #F5F5F5; padding: 50px; } .input-group { margin-top: 20px; } label { display: inline-block; width: 100px; text-align: right; margin-right: 20px; } input[type="text"], input[type="password"] { width: 200px; height: 30px; padding-left: 10px; } input[type="submit"] { width: 80px; height: 30px; margin-left: 120px; margin-top: 20px; } </style> </head> <body> <div class="login-container"> <form action="#"> <div class="input-group"> <label>用户名：</label> <input type="text" name="username"> </div> <div class="input-group"> <label>密码：</label> <input type="password" name="password"> </div> <div class="input-group"> <input type="submit" value="登录"> </div> </form> </div> </body> </html> ``` 这是一个简单的登录页面代码，可以帮助您入门。希望对您有所帮助！