简洁自适应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中transform变换模型的渲染
May 27 HTML / CSS
详解CSS3开启硬件加速的使用和坑
Aug 21 HTML / CSS
css3之UI元素状态伪类选择器实例演示
Aug 11 HTML / CSS
纯CSS3实现表单验证效果(非常不错)
Jan 18 HTML / CSS
css3实现波纹特效、H5实现动态波浪效果
Jan 31 HTML / CSS
浅谈css3中calc在less编译时被计算的解决办法
Dec 04 HTML / CSS
详解利用css3的var()实现运行时改变scss的变量值
Mar 02 HTML / CSS
html5 canvas-2.用canvas制作一个猜字母的小游戏
Jan 07 HTML / CSS
HTML5 input元素类型:email及url介绍
Aug 13 HTML / CSS
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
Feb 13 HTML / CSS
详解html2canvas截图不能截取圆角图片的解决方案
Jan 30 HTML / CSS
六个好看实用的 HTML + CSS 后台登录入口页面
Apr 28 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的ob_start() 控制您的浏览器cache
2009/08/03 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
高性能JavaScript DOM编程(1)
2015/08/11 Javascript
jQuery实现分隔条左右拖动功能
2015/11/21 Javascript
jQuery实现下拉加载功能实例代码
2016/04/01 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
2017/07/07 Javascript
node+koa2+mysql+bootstrap搭建一个前端论坛
2018/05/06 Javascript
在vue项目中使用md5加密的方法
2018/09/14 Javascript
JavaScript中的&quot;=、==、===&quot;区别讲解
2019/01/22 Javascript
jquery图片预览插件实现方法详解
2019/07/18 jQuery
javascript实现滚动条效果
2020/03/24 Javascript
原生JavaScript实现刮刮乐
2020/09/29 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
[56:18]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:08:48]LGD vs OG 2018国际邀请赛淘汰赛BO3 第三场 8.25
2018/08/29 DOTA
python映射列表实例分析
2015/01/26 Python
Python数据库的连接实现方法与注意事项
2016/02/27 Python
Python竟能画这么漂亮的花,帅呆了(代码分享)
2017/11/15 Python
pyspark 读取csv文件创建DataFrame的两种方法
2018/06/07 Python
python 实现对数据集的归一化的方法(0-1之间)
2018/07/17 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
Python流程控制语句的深入讲解
2020/06/15 Python
Python实现FTP文件定时自动下载的步骤
2020/12/19 Python
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
粉红色的鲸鱼:Vineyard Vines
2018/02/17 全球购物
大学生心理活动总结
2014/07/04 职场文书
财政局党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
评职称个人总结
2015/03/05 职场文书
2015年信访工作总结
2015/04/07 职场文书
结婚当天新郎保证书
2015/05/08 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
给numpy.array增加维度的超简单方法
2021/06/02 Python