动漫风格动漫404网站维护HTML源码
<!DOCTYPE html>
<html>
<head>
<title>动漫风格的404错误页面</title>
<style>
body {
background: #141414;
text-align: center;
color: #969696;
font-family: 'Arial', sans-serif;
font-size: 16px;
overflow: hidden;
}
.error-container {
width: 600px;
margin: 100px auto;
text-align: center;
}
.error-container h1 {
font-size: 80px;
color: #2b2b2b;
}
.error-container p {
font-size: 20px;
}
.error-container a {
color: #fff;
text-decoration: none;
background-color: #55b555;
padding: 10px 20px;
border-radius: 5px;
display: inline-block;
margin-top: 20px;
}
.error-container a:hover {
background-color: #3e8e3e;
}
</style>
</head>
<body>
<div class="error-container">
<h1>404</h1>
<p>对不起,你访问的页面不存在。</p>
<a href="javascript:history.back()">返回上一页</a>
<a href="/">返回首页</a>
</div>
</body>
</html>
这个代码实例展示了如何创建一个简洁而又有动感的404错误页面。它使用了CSS样式来设定页面的颜色和字体,使错误页面看起来更加有动感和吸引力。同时,它提供了两个按钮供用户返回上一页或者直接返回首页,增强了用户体验。
评论已关闭