分享一款自适应灰色简洁404页面源码，单文件没有任何外部调用，上传后可以直接使用，以下是效果演示。
404页面
下载地址
https://dmfhy.lanzout.com/iczC214aqaah
源码展示
<!DOCTYPE html>
<head>
<meta charset="UTF-8" http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>404-对不起！您访问的页面不存在 - www.xiaolanzy.com</title>
<style type="text/css">
.head404{ width:580px; height:234px; margin:50px auto 0 auto; background:url(https://cdn.jsdelivr.net/gh/qiantigers/onetu//202203191956621.png) no-repeat; }
.txtbg404{ width:499px; height:169px; margin:10px auto 0 auto; background:url(https://cdn.jsdelivr.net/gh/qiantigers/onetu/202203191957664.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;}
</style>
</head>
<body bgcolor="#494949">
<div class="head404"></div>
<div class="txtbg404">
<div class="txtbox">
<p>对不起，您请求的页面不存在，或已被删除，或暂时不可用</p>
<p class="paddingbox">请点击以下链接继续浏览网页</p>
<p>>> <a style="cursor:pointer" οnclick="history.back()">返回上一页面</a></p>
<p>>> <a href="https://www.xiaolanzy.com">返回网站首页</a></p>
</div>
</div>
</body>
</html>原创文章，作者：李康哲，如若转载，请注明出处：https://www.xiaolanzy.com/18.html
微信扫一扫 
支付宝扫一扫 