自定义错误页面网站示例
这个示例展示了一个简单的自定义错误页面网站，使用HTML和CSS构建。网站的布局和样式可以根据需要进行调整和定制。
HTML结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>自定义错误页面</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="error_page">
<div class="error_body">
<h1 class="err_title">发生了错误！</h1>
<center class="center">
<img src="error.png" alt="错误图片">
<p class="center">请稍后重试或联系管理员。</p>
</center>
<a href="#" class="btn toHome">返回首页</a>
</div>
</div>
</body>
</html>
CSS样式
”`css html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
.error_page { background: #fff; }
.error_page .error_body { padding: 200px 100px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.error_page .err_title { font-size: 40px; line-height: 200px; text-align: center; }
.error_page .center { color: #222; font-size: 12px; line-height: 26px; margin: 0 auto 10px; text-align: center; }
.error_page img.center{width:100%} /修复bug/
.error_page a.toHome{margin:50px auto} /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/ /修复bug/*/
