奇瑰网

[其他] 简洁404页面HTML好看的404错误页源码

[复制链接]
用户网龄
1.8年

发表于 2021-2-26 01:57:36 | 显示全部楼层 |阅读模式
简洁404页面HTML好看的404错误页源码 QQ截图20210226015536.png
HTML代码片段:

[HTML] 纯文本查看 复制代码
 <!DOCTYPE HTML>
 2 <html>
 3     <head>
 4         <title>404</title>
 5         <meta charset="utf-8" />
 6         <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
 7         <link rel="stylesheet" href="assets/css/main.css" />
 8         <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
 9         <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
10     </head>
11     <body>
12  
13         <!-- Wrapper -->
14             <div id="wrapper">
15  
16                 <!-- Header -->
17                     <header id="header">
18                         <div class="logo">
19                             <span class="icon fa-diamond"></span>
20                         </div>
21                         <div class="content">
22                             <div class="inner">
23                                 <h1>404</h1>
24                                 <p><!--[-->对不起,你要找的这个页面突然不见了。不过,放心,一切都在我的掌控之中,不会跑多远!<!--]--></p>
25                             </div>
26                         </div>
27                         <nav>
28                             <ul>
29                                 <li><a href="###">首页</a></li>
30                                 <li><a href="###">热搜</a></li>
31                                 <li><a href="###">联系</a></li>
32                                 <li><a href="###">关于</a></li>
33                                 <!--<li><a href="#elements">Elements</a></li>-->
34                             </ul>
35                         </nav>
36                     </header>
37  
38                 <!-- Main -->
39                 
40     
41                 <!-- Footer -->
42                     <footer id="footer">
43                         <p class="copyright">© Untitled. Design: <a href="http://www.baidu.com">百度</a>.</p>
44                     </footer>
45  
46             </div>
47  
48         <!-- BG -->
49             <div id="bg"></div>
50  
51         <!-- Scripts -->
52             <script src="assets/js/jquery.min.js"></script>
53             <script src="assets/js/skel.min.js"></script>
54             <script src="assets/js/util.js"></script>
55             <script src="assets/js/main.js"></script>
56  
57     </body>
58 </html>



游客,隐藏内容回复本帖,即可免费获取回复





上一篇:Discuz教程:删除注册页面的Email填写项
下一篇:Discuz! 用户名注册长度限制 实现办法
发表于 2021-2-26 02:01:24 | 显示全部楼层
打酱油的人拉,回复下赚取积分
回复

使用道具 举报

发表于 2021-2-26 02:02:06 | 显示全部楼层
秀起来~
回复

使用道具 举报

用户网龄
2.3年

发表于 2021-2-26 02:04:21 | 显示全部楼层
小白一个 顶一下
回复

使用道具 举报

发表于 2021-2-26 02:09:05 | 显示全部楼层
我是个凑数的。。。
回复

使用道具 举报

发表于 2021-2-26 02:11:11 | 显示全部楼层
必须不用必须不用
回复

使用道具 举报

用户网龄
2.5年

发表于 2021-2-26 02:11:31 | 显示全部楼层
我要看看这是咋回事
回复

使用道具 举报

发表于 2021-2-26 02:14:14 | 显示全部楼层
再来一次..........
回复

使用道具 举报

发表于 2021-2-26 02:16:49 | 显示全部楼层
非常好,顶一下
回复

使用道具 举报

使用高级回帖 (可批量传图、插入视频等)

发表回复

您需要登录后才可以回帖 登录 | 账号注册   微信登录

本版积分规则   Ctrl + Enter 快速发布  

发帖时请遵守我国法律,网站会将有关你发帖内容、时间以及发帖IP地址等记录保留,只要接到合法请求,即会将信息提供给有关政府机构。
Powered by Discuz! X3.4 ( 粤ICP备20013252号-1
Copyright © 2014-2021 奇瑰网 粤公网安备44130302100219号
快速回复 返回顶部 返回列表