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

ID:16142 / 打印

演示图如下:

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" />         <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->         <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>     </head>     <body>          <!-- Wrapper -->             <div id="wrapper">                  <!-- Header -->                     <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>                                 <!--<li><a href="#elements">Elements</a></li>-->                             </ul>                         </nav>                     </header>                  <!-- Main -->                   <!-- Footer -->                     <footer id="footer">                         <p class="copyright">© Untitled. Design: <a href="http://www.baidu.com">百度</a>.</p>                     </footer>              </div>          <!-- BG -->             <div id="bg"></div>          <!-- Scripts -->             <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

上一篇: 前端使用canvas生成盲水印的加密解密的实现
下一篇: 移动端HTML5开发神器之vconsole详解

作者:admin @ 24资源网   2024-11-01

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。