发一段简洁大气的404纯代码模板，有需要的直接复制拿走。

𝕷𝖎𝖑𝖏𝖆𝖈𝖐 · 发表于 2024-11-11 21:58:28

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

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

×

代码如下：

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>404 - Page Not Found</title> <style> /* 全局样式 */ body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } h1 { color: #333; } p { color: #666; } /* 404 元素样式 */ #error { font-size: 100px; color: #ccc; } /* 按钮样式 */ a { background-color: #007bff; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; margin-top: 20px; transition: background-color 0.3s ease; text-decoration: none; } </style></head><body> <div id="error">404</div> <h1>未找到相关页面</h1> <p>抱歉，您访问的页面可能不存在或者被删除！</p> <a target="_blank" >返回首页</a></body></html>

复制代码

演示：

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！