简洁自适应404页面HTML好看的404源码

发布者: 山止川行 | 发布时间: 2025-6-16 12:25| 查看数: 108| 评论数: 0|帖子模式

演示图如下：

HTML代码片段：

<!DOCTYPE HTML>
<html>
<head>
<title>404</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body>
<div id="wrapper">
<header id="header">
<div class="logo">
<span class="icon fa-diamond"></span>
</div>
<div class="content">
<div class="inner">
<h1>404</h1>
<p>对不起，你要找的这个页面突然不见了。不过，放心，一切都在我的掌控之中，不会跑多远！</p>
</div>
</div>
<nav>
<ul>
<li><a href="###">首页</a></li>
<li><a href="###">热搜</a></li>
<li><a href="###">联系</a></li>
<li><a href="###">关于</a></li>
</ul>
</nav>
</header>
<footer id="footer">
<p class="copyright">© Untitled. Design: <a href="http://www.baidu.com">百度</a>.</p>
</footer>
</div>
<div id="bg"></div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>

复制代码

图片&css代码部分：
链接: https://pan.baidu.com/s/18NcQScW6GKshXBKwHabTnA 提取码: rgaw
到此这篇关于简洁自适应404页面HTML好看的404源码的文章就介绍到这了,更多相关404页面源码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

来源：https://www.jb51.net/html5/756819.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

本帖子中包含更多资源

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

简洁自适应404页面HTML好看的404源码

本帖子中包含更多资源

最新评论

新人须知

常见问题

维权申诉

关注微博

扫描微信

关于合作

通讯联系