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

2024-11-2 22:22| 发布者: 284cc| 查看: 78| 评论: 0

摘要: 演示图如下： HTML代码片断： [code] <!DOCTYPE HTML> <html> <head> <title>404</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, in

演示图如下：

HTML代码片断：

[code] <!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" />  <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> </head> <body>  <div id="wrapper">  <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>  </ul> </nav> </header>   <footer id="footer"> <p class="copyright">© Untitled. Design: <a href="http://www.baidu.com">百度</a>.</p> </footer> </div>  <div id="bg"></div>  <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>[/code]

图片&css代码部分：

链接: https://pan.baidu.com/s/18NcQScW6GKshXBKwHabTnA 提取码: rgaw

到此这篇关于简洁自适应404页面HTML好看的404源码的文章就先容到这了,更多相干404页面源码内容请搜刮脚本之家从前的文章或继续浏览下面的相干文章，希望各人以后多多支持脚本之家！

来源：https://www.jb51.net/html5/756819.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

收藏分享邀请

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

账号		自动登录	找回密码
密码			立即注册

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

相关分类

站长推荐 /6