瞎扯淡求一个好看点的 404。。。

lihuazhang · 2012年03月18日 · 最后由 es6china 回复于 2017年09月19日 · 4961 次阅读

刚发现 404 还是 rails 经典 404 啊

1 个赞

ywencn #1 2012年03月18日

404 404

willmouse #2 2012年03月18日

404 还是自己定制一下吧，否则就太山寨了

bony #3 2012年03月18日

这两个我最喜欢。。很有设计感。。

ruby_sky #4 2012年03月18日

#1 楼 @ywencn 我决定把这两张放到毕业设计上！看看老师的反应。哈哈。。

ichord #5 2012年03月18日

如果是本社區的話，當然是一個丟了紅寶石青花碟啦，和 logo 相呼應啊。如果是 gif 圖就更有意思啦

edokeh #6 2012年03月18日

看看这个纯 CSS 版的如何？


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>>抱歉，您访问的页面不存在。</title>



<style>

body { text-align:center; background: #f5f5f5; }

h1 { font-size:300px; color: #06C; font-family:Arial, Helvetica, sans-serif; font-style: oblique; margin: 0.1em 0px 0px; line-height:1; height:240px; overflow:hidden }

h1 sup{ font-size:24px; line-height:50px;vertical-align:text-top;margin-left: -20px; }

h2 { font-family:"microsoft yahei"; font-weight:normal; line-height: 1.2; }

p { font-size:11px; color:#666; font-family:Verdana }

a:link { color: #4170C7; text-decoration: none; }

a:visited { color: #4170C7; text-decoration: none; }

a:hover { color: #0052E7; text-decoration: none; }

a:active { text-decoration: none; }

</style>

</head>



<body>

<h1>404<sup>error</sup></h1><div>

  <h2>抱歉，您访问的页面不存在，<a href="/">返回首页吧</a></h2>

  <p>The page you were looking for doesn't exist.You may have mistyped the address or the page may have moved.</p>

    </div>

</body>

</html>