每周精选：博客网站404页面的相关文章汇总

昨天闲着无聊的时候又开始折腾 404 页面，我已经不记得总共折腾过多少个 404 页面了，每一次都是使用一段时间后就开始各种嫌弃，然后就是继续折腾，期待找到一个比较满意的 404 页面。这次折腾的 404 页面我还是比较喜欢使用 HTML 和 CSS 代码组成，这样弄出来的 404 页面才能简洁。具体效果如下图所示：

每周精选：博客网站404页面的相关文章汇总-第1张-boke112百科(boke112.com)

这个 404 页面算是一个比较简单的 HTML 模板，而且还是响应式的，如果喜欢不放哪去使用，使用方法也很简单，只需要将以下代码添加到当前站点的 404.php 文件或其他 404 文件即可：

<!DOCTYPE html>
<html lang=“zh-CN”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8”>
<meta name=“viewport” content=“width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no”>
<title>对不起，您查找的页面不存在 _boke112百科</title>
<style type=“text/css”>
body{margin:0 auto;padding:0}div{margin:0 auto;padding:20px 20px 40px 20px;max-width:620px;width:96%}a{text-decoration:none;color:#1abc9c}a:hover{color:#16a085}h1{font-size:44px;color:#1abc9c}h2{color:#1abc9c}@media screen and (max-width:620px){h1{font-size:2em}div{padding:5px}}
</style>
</head>
<body>
<div>
<h1>抱歉，找不到此页面~</h1>
<h2>Sorry, the page now can not be found.</h2>
<p>
你请求访问的页面，暂时找不到，我们建议你返回 boke112百科官网进行浏览，谢谢！
</p>
<ul>
<li>请访问官网：<a href=“https://boke112.com/”>https://boke112.com/</a></li>
<li>请在百度中搜索“<a target=“_blank” href=“https://www.baidu.com/s?wd=boke112”>boke112</a>”查找试试！</li>
</ul>
</div>
</body>
</html>