帮我写一个漂亮的404页面

𝕷𝖎𝖑𝖏𝖆𝖈𝖐 · 发表于 2023-3-16 21:13:00

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>404 页面未找到</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { max-width: 800px; margin: 0 auto; padding: 50px; text-align: center; } h1 { font-size: 96px; color: #ff5252; margin: 0; line-height: 1; } h2 { font-size: 48px; color: #333; margin: 20px 0; line-height: 1; } p { font-size: 18px; color: #666; margin-bottom: 30px; } a { display: inline-block; padding: 10px 30px; background-color: #ff5252; color: #fff; font-size: 20px; text-decoration: none; border-radius: 5px; transition: background-color 0.3s ease; } a:hover { background-color: #f00; } img { max-width: 100%; height: auto; margin-top: 30px; } </style></head><body> <div class="container"> <h1>404</h1> <h2>页面未找到</h2> <p>抱歉，您访问的页面不存在或已删除。</p> <a href="#">返回首页</a> </div></body></html>

复制代码

©dz插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
如有侵权请邮件与我们联系处理:discuz-x@qq.com（手机随时接收邮件）并出示相关证明以便删除。敬请谅解！