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


Posted in HTML / CSS onDecember 16, 2020

演示图如下:

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

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

到此这篇关于简洁自适应404页面HTML好看的404源码的文章就介绍到这了,更多相关404页面源码内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
CSS3 3D位移translate效果实例介绍
May 03 HTML / CSS
CSS3盒子模型详解
Apr 24 HTML / CSS
基于CSS3实现图片模糊过滤效果
Nov 19 HTML / CSS
详解CSS3的opacity属性设置透明效果的用法
May 09 HTML / CSS
CSS3毛玻璃效果(blur)有白边问题的解决方法
Nov 15 HTML / CSS
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
Jan 31 HTML / CSS
检测浏览器对HTML5和CSS3支持度的方法
Jun 25 HTML / CSS
浅谈html5增强的页面元素
Jun 14 HTML / CSS
HTML5不支持frameset的两种解决方法
Nov 14 HTML / CSS
AmazeUI 缩略图的实现示例
Aug 18 HTML / CSS
HTML页面滚动时部分内容位置固定不滚动的实现
Apr 14 HTML / CSS
CSS中float高度塌陷问题的四种解决方案
Apr 18 HTML / CSS
移动端HTML5开发神器之vconsole详解
Dec 15 #HTML / CSS
如何查看浏览器对html5的支持情况
Dec 15 #HTML / CSS
如何使用canvas绘制可移动网格的示例代码
Dec 14 #HTML / CSS
HTML5 body设置全屏背景图片的示例代码
Dec 08 #HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
Dec 07 #HTML / CSS
HTML5基于flash实现播放RTMP协议视频的示例代码
Dec 04 #HTML / CSS
前端水印的简单实现代码示例
Dec 02 #HTML / CSS
You might like
file_get_contents(&quot;php://input&quot;, &quot;r&quot;)实例介绍
2013/07/01 PHP
php解析json数据实例
2014/08/19 PHP
php实现两个数组相加的方法
2015/02/17 PHP
wordpress安装过程中遇到中文乱码的处理方法
2015/04/21 PHP
PHP中substr_count()函数获取子字符串出现次数的方法
2016/01/07 PHP
PHP+Apache实现二级域名之间共享cookie的方法
2019/07/24 PHP
js function定义函数使用心得
2010/04/15 Javascript
js 浏览本地文件夹系统示例代码
2013/10/24 Javascript
jQuery入门基础知识学习指南
2015/08/14 Javascript
JavaScript学习笔记之DOM基础 2.4
2015/08/14 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
2016/04/29 Javascript
Jquery $when done then的用法详解
2016/05/20 Javascript
JS采用绝对定位实现回到顶部效果完整实例
2016/06/20 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
2016/07/18 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
2016/07/27 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
axios实现简单文件上传功能
2019/09/25 Javascript
jQuery实现简单弹幕制作
2020/12/10 jQuery
python的类变量和成员变量用法实例教程
2014/08/25 Python
python版本的读写锁操作方法
2016/04/25 Python
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
pandas 小数位数 精度的处理方法
2018/06/09 Python
在cmd中查看python的安装路径方法
2019/07/03 Python
python解析yaml文件过程详解
2019/08/30 Python
python中count函数知识点浅析
2020/12/17 Python
Edwaybuy西班牙:小米在线商店
2019/12/04 全球购物
法警的竞聘演讲稿
2014/01/02 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
《宿建德江》教学反思
2014/04/23 职场文书
新手上路标语
2014/06/20 职场文书
MySQL主从复制断开的常用修复方法
2021/04/07 MySQL
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS
Python并发编程实例教程之线程的玩法
2021/06/20 Python
图文详解Nginx版本平滑升级方案
2021/09/15 Servers