首页dw设置一个登录成功的页面

dw设置一个登录成功的页面

时间: 2024-02-23 09:00:16 浏览: 17

好的，下面是一个简单的登录成功页面的HTML和CSS代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login Success</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } .container { max-width: 800px; margin: 0 auto; padding: 50px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; } h1 { font-size: 36px; margin-bottom: 30px; } p { font-size: 24px; margin-bottom: 20px; } a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; } </style> </head> <body> <div class="container"> <h1>Login Success</h1> <p>You have successfully logged in.</p> <a href="#">Logout</a> </div> </body> </html> ``` 以上代码将创建一个带有标题、正文和注销链接的登录成功页面。您可以将其保存为 `login-success.html` 文件并在您的应用程序中使用。请注意，此页面中的注销链接仅是一个占位符，您需要将其替换为实际注销逻辑的链接或按钮。