简洁自适应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制作日历实现代码
Jan 21 HTML / CSS
CSS中越界问题的经典解决方案【推荐】
Apr 19 HTML / CSS
CSS3中Transition动画属性用法详解
Jul 04 HTML / CSS
利用CSS3实现进度条的两种姿势详解
Mar 21 HTML / CSS
如何使用localstorage代替cookie实现跨域共享数据问题
Apr 18 HTML / CSS
HTML5 Canvas 起步(2) - 路径
May 12 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
Jun 16 HTML / CSS
用HTML5制作视频拼图的教程
May 13 HTML / CSS
手机端用rem+scss做适配的详解
Nov 15 HTML / CSS
微信小程序canvas实现水平、垂直居中效果
Feb 05 HTML / CSS
HTML中的表单Form实现居中效果
May 25 HTML / CSS
CSS使用伪类控制边框长度的方法
Jan 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
可定制的PHP缩略图生成程式(需要GD库支持)
2007/03/06 PHP
Windows下部署Apache+PHP+MySQL运行环境实战
2012/08/31 PHP
phpword插件导出word文件时中文乱码问题处理方案
2014/08/19 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
php fread函数使用方法总结
2019/05/28 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
php7 错误处理机制修改实例分析
2020/05/25 PHP
AJAX跨域请求json数据的实现方法
2013/11/11 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
2014/01/08 Javascript
JavaScript中创建字典对象(dictionary)实例
2015/03/31 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
2018/08/30 Javascript
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
2020/08/31 Javascript
[05:15]DOTA2英雄梦之声_第16期_灰烬之灵
2014/06/21 DOTA
Python中operator模块的操作符使用示例总结
2016/06/28 Python
Python简单格式化时间的方法【strftime函数】
2016/09/18 Python
Python3.5迭代器与生成器用法实例分析
2019/04/30 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
python版百度语音识别功能
2019/07/09 Python
在python Numpy中求向量和矩阵的范数实例
2019/08/26 Python
python异步编程 使用yield from过程解析
2019/09/25 Python
通过python检测字符串的字母
2020/02/18 Python
python logging 日志的级别调整方式
2020/02/21 Python
python实现俄罗斯方块游戏(改进版)
2020/03/13 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
信访工作经验交流材料
2014/05/23 职场文书
Java基础——Map集合
2022/04/01 Java/Android
linux目录管理方法介绍
2022/06/01 Servers