一个极简的404页面模板

发布于 2018-03-28  284 次阅读


有多极简?下面就是效果。

预览

以下是全部代码:

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="none" />
    <title>404 Not Found</title>
    <style>*{font-family:"Microsoft Yahei";margin:0;font-weight:lighter;text-decoration:none;text-align:center;line-height:2.2em;} html,body{height:100%;} h1{font-size:100px;line-height:1em;} table{width:100%;height:100%;border:0;}</style></head>
  <body>
    <table cellspacing="0" cellpadding="0">
      <tr>
        <td>
          <table cellspacing="0" cellpadding="0">
            <tr>
              <td>
                <h1>404</h1>
                <h3>大事不妙啦!</h3>
                <p>你访问的页面好像不小心被站长给弄丢了~
                  <br/>
                  <a href="https://m1314.cn">惩罚站长 ></a></p>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>

Never give up your dreams.