简洁自适应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中border-radius属性设定圆角的使用技巧
May 10 HTML / CSS
使用CSS3的font-face字体嵌入样式的方法讲解
May 13 HTML / CSS
巧用CSS3的calc()宽度计算做响应模式布局的方法
Mar 22 HTML / CSS
canvas绘制表情包的示例代码
Jul 09 HTML / CSS
分享一个页面平滑滚动小技巧(推荐)
Oct 23 HTML / CSS
利用html5的websocket实现websocket聊天室
Dec 12 HTML / CSS
浅谈Html5中视频 音频标签 进度条的问题
Jul 26 HTML / CSS
Html5页面获取微信公众号的openid的方法
May 12 HTML / CSS
canvas绘制图片drawImage使用方法
Sep 15 HTML / CSS
深入理解margin塌陷和margin合并的解决方案
Jun 26 HTML / CSS
html粘性页脚的具体使用
Jan 18 HTML / CSS
css3带你实现3D转换效果
Feb 24 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
海河写的 Discuz论坛帖子调用js的php代码
2007/08/23 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
javascript 精粹笔记
2010/05/09 Javascript
js常用排序实现代码
2010/12/28 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
2011/10/06 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
2013/05/31 Javascript
js简单的弹出框有关闭按钮
2014/05/05 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
jQuery验证插件validation使用指南
2015/04/21 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
Vue实现动态响应数据变化
2017/04/28 Javascript
基于angular2 的 http服务封装的实例代码
2017/06/29 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
2017/09/20 Javascript
使用js获取伪元素的content实例
2017/10/24 Javascript
js module大战
2019/04/19 Javascript
使用Python对MySQL数据操作
2017/04/06 Python
基于hashlib模块--加密(详解)
2017/06/21 Python
python中实现k-means聚类算法详解
2017/11/11 Python
用TensorFlow实现lasso回归和岭回归算法的示例
2018/05/02 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
Python线程协作threading.Condition实现过程解析
2020/03/12 Python
CSS3 滤镜 webkit-filter详细介绍及使用方法
2012/12/27 HTML / CSS
HomeAway英国:全球领先的度假租赁在线市场
2020/02/03 全球购物
Pharmacy Online中文直邮网站:澳洲大型药房
2020/06/27 全球购物
初三家长会邀请函
2014/01/18 职场文书
自荐信写法介绍
2014/01/25 职场文书
高考励志标语
2014/06/05 职场文书
做一个有道德的人活动方案
2014/08/25 职场文书
师德标兵事迹材料
2014/12/19 职场文书
道德模范事迹材料
2014/12/20 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
证婚人婚礼致辞
2015/07/28 职场文书
2019西餐厅创业计划书范文!
2019/07/12 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书