演示图如下:
HT ML 代码片段 :
<!DOCTY PE HTML> <html> <head> <t IT le>404</title> < ;m eta charset="utf-8" /> <meta n am e="viewport" content="width=device-width, initial -s cale=1, user-scalable=no" /> <link rel="stylesheet" hr ef="assets/css/m ai n.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=" LOG o"> <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/ jq uery.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>
图片&am p; css代码部分:
链接: https://pan.baidu.com/s/18NcQScW6GKshXBKwHabTnA 提取码: rgaw
到此这篇关于简洁自适应404页面HTML好看的404 源 码的 文章 就介绍到这了,更多相关404页面源码内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
总结
以上是 为你收集整理的 简洁自适应404页面HTML好看的404源码 全部内容,希望文章能够帮你解决 简洁自适应404页面HTML好看的404源码 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
查看更多关于简洁自适应404页面HTML好看的404源码的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did211538