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

  • A+
所属分类:Web前端
摘要

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

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

演示图如下:

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

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,操作更方便哦 
--来自百度网盘的分享