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

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>

图片&css代码部分：链接: https://pan.baidu.com/s/1sSyAp6n0WMZNfok0sWa04A 提取码: 37ys 复制这段内容后打开百度网盘手机App，操作更方便哦
--来自百度网盘的分享