又一个极简的错误页面 | 珊瑚贝

突然发现我居然对这类极简的错误页面情有独钟,因为之前已经分享过两个了(详见 分享一个仿 Windows 蓝屏的 404 页面分享一个极简的404页面模板

简单,是一种美。一个简洁的错误页面,会减轻人们看到错误页面时的糟心。

今天的这个错误页模板,来自腾讯云的未备案拒绝访问页面。

完整代码如下:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset=”UTF-8″>
  5.     <meta name=”robots” content=”noindex,nofollow”>
  6.     <title>404 – 页面找不到了</title>
  7.     <style>
  8.         body{font-size: 14px;font-family: ‘helvetica neue’,tahoma,arial,’hiragino sans gb’,’microsoft yahei’,’Simsun’,sans-serif; background-color:#fff; color:#808080;}
  9.         .wrap{margin:200px auto;width:510px;}
  10.         td{text-align:left; padding:2px 10px;}
  11.         td.header{font-size:22px; padding-bottom:10px; color:#000;}
  12.         td.check-info{padding-top:20px;}
  13.         a{color:#328ce5; text-decoration:none;}
  14.         a:hover{text-decoration:underline;}
  15.     </style>
  16. </head>
  17. <body>
  18.     <div class=”wrap”>
  19.         <table>
  20.             <tr>
  21.                 <td rowspan=”5″ style=””><img src=”https://ws1.sinaimg.cn/large/a15b4afegy1fhsfdznep4j2020020web.jpg” alt=”又一个极简的错误页面”></td>
  22.                 <td class=”header”>很抱歉!当前页面找不到了</td>
  23.             </tr>
  24.             <tr><td>原因一:你敲错了网址</td></tr>
  25.             <tr><td>原因二:这个页面已经被网站管理员(也就是我…)删了</td></tr>
  26.             <tr><td>如果刷新页面没能解决问题,你可以前往<a href=”https://mkblog.cn/about/#respond”>本站留言板</a>反馈</td></tr>
  27.             <tr><td class=”check-info”>或者,你也可以<a href=”https://mkblog.cn/”>先去我的博客逛逛</a></td></tr>
  28.         </table>
  29.     </div>
  30. </body>
  31. </html>

演示地址:http://qzonestyle.gtimg.cn/open/qcloud/beian/dest/block.html

我已经将我的站点的IIS默认错误页面都换成了这个样式,效果非常不错! [呲牙]

来源:https://mkblog.cn/995/

微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?