简单的404提示错误页面

2022-05-19 19:03:20 阅读：144 来源： 互联网

标签：body 提示 height padding width 404 margin color 页面

<!DOCTYPE html>
<html lang=en>
  <meta charset=utf-8>
  <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
  <title>Error 404</title>
  <style>
    *{margin:0;padding:0}
    html,body{font-size:14px;}
    html,code{font:12px arial,sans-serif;color:#112fae}
    html{background:#fff;color:#222;padding:15px}
    body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}
    * > body{padding-right:205px}
    p{margin:11px 0 22px;overflow:hidden}
    ins{color:#777;text-decoration:none}
    a img{border:0}
    @media screen and (max-width:772px){
        body{background:none;margin-top:0;max-width:none;padding-right:0}
    }
    #logo{margin-left:-5px}
    @media only screen and (min-resolution:192dpi){}
    @media only screen and (-webkit-min-device-pixel-ratio:2){
      #logo{-webkit-background-size:100% 100%}
    }
    #logo{display:inline-block;height:54px;width:150px}
    p{line-height:180%;}
    div{font-size:11px;line-height:180%;}
  </style>
  <h4>404.</h4>
  <p><ins>Could not find your resource.</ins></p>
  <div>The requested URL <code id=code></code> was not found on this server.  That’s all we know.</div>
  <script>
  document.getElementById('code').innerHTML=location.href
  </script>

标签：body,提示,height,padding,width,404,margin,color,页面
来源： https://www.cnblogs.com/Jscriptman/p/16289712.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

简单的404提示错误页面