分享一个极简的404页面模板

mengkun 2016-12-15 13.7K 14

这个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>
</html>

本文作者为mengkun，转载请注明。