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

来源：cnblogs　　作者：administrator0　　时间：2020/12/21 14:47:25　　对本文有异议

description：源码源码下载源码网源码自适应源码图片页面源码页面源码下载错误页源码 php源码 html源码动漫源码

演示图如下：

HTML代码片段：

 1 <!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">&copy; 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>