分享一个极简的404页面模板

mengkun 13K 14

这个404页面提取自 @Tokin 的 iDevise 主题。

有多极简?戳我可查看效果。
分享一个极简的404页面模板

以下是全部代码:

  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8" />  
  5. <meta name="viewport" content="width=device-width, initial-scale=1">  
  6. <meta name="robots" content="none" />  
  7. <title>404 Not Found</title>  
  8. <style>  
  9. *{font-family:"Microsoft Yahei";margin:0;font-weight:lighter;text-decoration:none;text-align:center;line-height:2.2em;}  
  10. html,body{height:100%;}  
  11. h1{font-size:100px;line-height:1em;}  
  12. table{width:100%;height:100%;border:0;}  
  13. </style>  
  14. </head>  
  15. <body>  
  16. <table cellspacing="0" cellpadding="0">  
  17. <tr>  
  18. <td>  
  19. <table cellspacing="0" cellpadding="0">  
  20. <tr>  
  21. <td>  
  22. <h1>404</h1>  
  23. <h3>大事不妙啦!</h3>  
  24. <p>你访问的页面好像不小心被博主给弄丢了~<br/>  
  25. <a href="/">惩罚博主 ></a>  
  26. </p>  
  27. </td>  
  28. </tr>  
  29. </table>  
  30. </td>  
  31. </tr>  
  32. </table>  
  33. </body>  
  34. </html>  

发表评论 取消回复
表情 图片 链接 代码

  1. 夏目贵志
    夏目贵志 Lv 1

    以复制,感谢分享!!

  2. 甜力怕
    甜力怕 Lv 1

    我已经将我的网站的错误页面换成了这个样式,效果不错!
    [aru_1] 试试

  3. Admin丶武林高手
    Admin丶武林高手 Lv 1

    不错的404 虽然简约但是看着很舒服 而且没有大量图片拖慢加载时间 非常好

  4. wdd
    wdd Lv 1

    好简约,感谢站长分享

  5. naadp
    naadp Lv 1

    站长您好!我想问下,您评论功能中的表情评论是怎么做的,可以说下吗?谢谢!

  6. 鱼嘴鞋
    鱼嘴鞋 Lv 1

    我能转载这篇文章吗?

    • mengkun
      mengkun 站长

      @鱼嘴鞋随意转载,保留出处即可

  7. 侯军
    侯军 Lv 1

    这个不错,我找了一下午,终于找到一个满意的了,这个手机上大小也刚好合适。

  8. 懿古今
    懿古今 Lv 3

    这个不错,这样比较简单简洁

  9. 文栋说自媒体
    文栋说自媒体 Lv 1

    简单的不要不要的,哈哈

  10. 619影视
    619影视 Lv 1

    你的表白网源码能不能给一份,发邮箱里。

分享