好看的404页面html源码?404页面是网站中重要的一个页面,可以有效的避免出现死链,一个好看的404页面可以增强用户的体验,对于网站的搜索引擎也是有好处的。很多小伙伴们想设置一个好看的网站04页面,那么今天小编就为大家带来了好看的404页面html源码,一起来看看吧。
好看的404页面html源码
404-对不起!您访问的页面不存在
.head404{ width:580px; height:234px; margin:50px auto 0 auto; background:url(https://www.daixiaorui.com/Public/images/head404.webp) no-repeat; }
.txtbg404{ width:499px; height:169px; margin:10px auto 0 auto; background:url(https://www.daixiaorui.com/Public/images/txtbg404.webp) 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.webp和txtbg404.webp 这两张图片到本地,再改一下css中对应background的路径即可
以上就是小编今天为大家带来的好看的404页面html源码以及网站404源码分享全部内容,希望能够帮助到大家。