漂亮的html404页面源码,一个简单而又漂亮的404页面源码

推荐一个简单而又漂亮的网站404页面，也是我网站用的。

页面的风格效果：

源码：

404-对不起！您访问的页面不存在

.head404{ width:580px; height:234px; margin:50px auto 0 auto; background:url(https://www.daixiaorui.com/Public/images/head404.png) no-repeat; }

.txtbg404{ width:499px; height:169px; margin:10px auto 0 auto; background:url(https://www.daixiaorui.com/Public/images/txtbg404.png) no-repeat;}

.txtbg404 .txtbox{ width:390px; position:relative; top:30px; left:60px;color:#eee; font-size:13px;}

.txtbg404 .txtbox p {margin:5px 0; line-height:18px;}

.txtbg404 .txtbox .paddingbox { padding-top:15px;}

.txtbg404 .txtbox p a { color:#eee; text-decoration:none;}

.txtbg404 .txtbox p a:hover { color:#FC9D1D; text-decoration:underline;}

对不起，您请求的页面不存在、或已被删除、或暂时不可用

请点击以下链接继续浏览网页

》返回上一页面

》返回网站首页

复制以上源码，保存到本地为html，就可以看效果了。为了保持好的访问效果，建议下载 head404.png和txtbg404.png 这两张图片到本地，再改一下css里面对应background的路径即可。