一个清新大气的404页面模板

一个简单大气的404页面，适合所有网站。

 

<style>
        /* 全局样式 */<br />
        body {<br />
            font-family: Arial, sans-serif;<br />
            background-color: #f4f4f4;<br />
            margin: 0;<br />
            padding: 0;<br />
            display: flex;<br />
            flex-direction: column;<br />
            justify-content: center;<br />
            align-items: center;<br />
            min-height: 100vh;<br />
        }</p>
<p>        h1 {<br />
            color: #333;<br />
        }</p>
<p>        p {<br />
            color: #666;<br />
        }</p>
<p>        /* 404 元素样式 */<br />
        #error {<br />
            font-size: 100px;<br />
            color: #ccc;<br />
        }</p>
<p>        /* 按钮样式 */<br />
        a {<br />
            background-color: #007bff;<br />
            color: white;<br />
            border: none;<br />
            padding: 10px 20px;<br />
            border-radius: 5px;<br />
            cursor: pointer;<br />
            margin-top: 20px;<br />
            transition: background-color 0.3s ease;<br />
            text-decoration: none;<br />
        }</p>
</style>

&nbsp;

&nbsp;
<div id="error">404</div>
<h1 id='pk-menu-0'>未找到相关页面</h1>
抱歉，您访问的页面可能不存在或者被删除！

<a target="_blank">返回首页</a>

&nbsp;