2018年网站404自适应美化页面模版分享

  • A+
所属分类:代码汇聚
前言后语

今天久伴在网上浏览无意间发现了一个不错的404页面,就扒下来分享给各位站长朋友

源码说明

这个404页面是自适应模版,而且是静态的html文件,也就是说可以通用于所有网站程序.
2018年网站404自适应美化页面模版分享

代码实例

CSS代码

*{ padding:0;margin:0;box-sizing:border-box;font-family:"微软雅黑";}body,html{width:100%;height:100%;}.container{max-width:90%;margin:0 auto;padding:80px 0px; }img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.bg{display:block;max-width:100%;margin:0px auto;margin:40px auto;}.btn{width:400px;margin:0 auto;max-width:100%;margin-top:40px;}.btn a{float:left;text-decoration:none;width:46.5%;border:1px solid #5298ff;background:#5298ff;color:#FFF;display:block;height:46px; line-height:44px;text-align:center;font-size:16px;border-radius:3px;overflow:hidden;}.btn .goindex{margin-right:7%;}.btn .lx{border: 1px solid #d8d8d8;background:#ffffff;color:#8c8c8c;}@media screen and (max-width: 500px){.btn{ width:85%; }.btn a{ width:100%; font-size:15px; height:42px; line-height:42px; }.btn .goindex{ margin-right:0; margin-bottom:20px; }

body里面的代码如下,久伴不建议小白去乱修改,但是代码里面咨询站长的链接里面的QQ号还是要修改为自己的额:
HTML代码

<div class="container"><img class="bg" src="https://www.520xx.cc/show/20180819/404.png" alt="2018年网站404自适应美化页面模版分享"/><div class="btn"><a href="/" class="goindex">返回首页</a><a rel="external nofollow" target="_blank" href="https://jiub.ren/wp-content/themes/begin/to.php?url=aHR0cDovL3dwYS5xcS5jb20vbXNncmQ/dj0zJmFtcDt1aW495aGr5YaZ5L2g55qEUVHlj7fnoIEmYW1wO3NpdGU9cXEmYW1wO21lbnU9eWVz" target="_blank" class="lx">咨询站长</a><div style="clear:both;"></div></div></div>

2018年网站404自适应美化页面模版分享

weinxin
微信公众号名称:IT青年时代
微信搜索IT青年时代或者扫描左边二维码进行关注,这样可以及时查看久伴博客每日内容推送
avatar

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:6   其中:访客  5   博主  1

    • avatar 爱笑的眼睛+ 1

      你不是说简约最美吗 :grin:

      • avatar 在线看小说 1

        你的网站模板真不错啊,能否共享一下?

        • avatar 晓超云博客 0

          徒弟 皮了 谎话连篇的?

          • avatar boke112导航 4

            现在一般都喜欢使用HTML做404,感觉挺好的。这个模板挺好看的

            • avatar 瓜皮网 1

              不错 看着非常的舒心

                • avatar 久伴  博主

                  @瓜皮网 还凑合 :grin: