一个极简的404页面模板

发布于 2018-03-28  103 次阅读


这个404页面提取自 Tokin 的 iDevise 主题。

有多极简?下面就是效果。

预览

以下是全部代码:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="none"/>
<title>404 Not Found</title>
<style>
*{font-family:"Microsoft Yahei";margin:0;font-weight:lighter;text-decoration:none;text-align:center;line-height:2.2em;} 
html,body{height:100%;} 
h1{font-size:100px;line-height:1em;} 
table{width:100%;height:100%;border:0;}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0">
<tr>
	<td>
		<table cellspacing="0" cellpadding="0">
		<tr>
			<td>
				<h1>404</h1>
				<h3>大事不妙啦!</h3>
				<p>
					你访问的页面好像不小心被博主给弄丢了~<br/>
					<a href="/">惩罚博主 ></a>
				</p>
			</td>
		</tr>
		</table>
	</td>
</tr>
</table>
</body>

玄不救非 氪不改命 天下皆白 唯我独黑