dedecms 404.html
时间 : 2023-12-13 17:34:02声明: : 文章内容来自网络,不保证准确性,请自行甄别信息有效性

最佳答案

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>404错误页面</title>

<style>

body {

background-color: #f1f1f1;

font-family: Arial, sans-serif;

}

.container {

max-width: 600px;

margin: 0 auto;

padding: 50px;

background-color: #fff;

text-align: center;

border-radius: 5px;

box-shadow: 0 0 10px rgba(0,0,0,0.1);

}

h1 {

font-size: 30px;

color: #333;

margin-bottom: 20px;

}

p {

font-size: 18px;

color: #666;

margin-bottom: 30px;

}

a {

display: inline-block;

padding: 10px 20px;

background-color: #007bff;

color: #fff;

text-decoration: none;

border-radius: 5px;

font-weight: bold;

transition: background-color 0.3s ease;

}

a:hover {

background-color: #0056b3;

}

</style>

</head>

<body>

<div class="container">

<h1>404 - 页面未找到</h1>

<p>很抱歉,您访问的页面不存在,请检查您输入的URL是否正确。

<a href="/">返回首页</a>

</div>

</body>

</html>

其他答案

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>404页面不存在</title>

<style>

body {

background-color: #f1f1f1;

font-family: Arial, sans-serif;

text-align: center;

}

.container {

margin-top: 10%;

}

h1 {

font-size: 36px;

color: #333;

}

p {

font-size: 18px;

color: #666;

}

.error-code {

font-size: 72px;

color: #f44336;

font-weight: bold;

}

.btn-back {

display: inline-block;

padding: 10px 20px;

background-color: #4caf50;

color: #fff;

text-decoration: none;

font-size: 16px;

border-radius: 5px;

}

</style>

</head>

<body>

<div class="container">

<h1>抱歉,页面不存在!</h1>

<p>您访问的页面可能已被删除或移动到其他地方。

<p>请检查您输入的网址是否正确。

<p>如果您认为这是一个错误,请联系网站管理员。

<p class="error-code">404

<a href="javascript:history.back();" class="btn-back">返回上一页</a>

</div>

</body>

</html>