代码：

<!DOCTYPE html>
<html lang="en">
<!--
资源来源于小职博客
小职博客：blog.4qb.cn
-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="404">
<meta name="keywords" content="404">
<title>404 - 对不起！您访问的页面不存在！</title>
<link href="https://cdn.4qb.cn/static/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.4qb.cn/static/css/osahan.css" rel="stylesheet">
</head>
<body id="page-top">
<section class="pt-4 pb-5 error-page-main-inner">
  <div class="container">
    <div class="row">
      <div class="col-md-12 block-404 text-center">
        <h1><img class="img-fluid" src="https://cdn.4qb.cn/static/img/404_shandian.png" alt="404"></h1>
        <h1>对不起！您访问的页面不存在！</h1>
        <p class="caption-text">您访问的页面不存在或已被删除！ (｡•ˇ‸ˇ•｡).</p>
        <div class="mt-5"> <a href="/" class="btn btn-primary btn-lg"><i class="icofont icofont-ui-home"></i> 返回首页</a ><a href="https://blog.4qb.cn/" class="btn btn-primary btn-lg"><i class="icofont icofont-ui-home"></i> 小职博客</a></div>
      </div>
    </div>
  </div>
</section>
</body>
</html>

HTML精美404错误页面代码

图片、CSS资源由小职云CDN提供存储服务支持.


© 版权声明
分享是一种美德，转载请保留原链接
HTML 网站模板