夏末浅笑自用简约404错误界面HTML源码

图片[1]-夏末浅笑自用简约404错误界面HTML源码-夏末浅笑

演示地址:https://blog.ccswust.org/404/404.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>404-夏末浅笑blog.ccswust.org</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="https://p5.ssl.qhimg.com/t013ed96d9c4cf74064.png" type="image/x-icon">
<style type="text/css">
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}
html,body{height:100%;width:100%;background-color:#EAEDF5}.wrap{height:100%;min-height:600px;min-width:1108px;position:relative}.lost,.pic{display:inline-block}.lost{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pic{vertical-align:top}.lost .text{margin-top:28px;height:20px;font-size:20px;font-weight:700;color:#67cd97}.lost .back{display:inline-block;margin-top:20px;width:108px;height:42px;color:#FFF;border-radius:21px;background-color:#67cd97;line-height:42px;text-decoration:none}.lost .text .num{color:#d43d3d}.lost .back:hover{background-color:#606b86}
</style>
<!--WWW.AEINK.COM-->
<!--做人留一线-->
<!--日后好相见-->
<!--@墨渊呈-->
</head>
<body>
<div class="wrap">
<div class="lost">
<img class="img" src="https://aliyun.ccswust.org/images/2019/05/undo.png" width="605" height="368">
<p class="text">
您访问的小可爱走失了
</p>
<a href="https://blog.ccswust.org/" class="back">返回首页</a>
</div>
</div>
<div id="ggmonitor">
</div>
<script src="https://lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://lib.baomitu.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
</body>
</html>
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
相关推荐
  • 暂无相关文章
  • 评论 抢沙发
    头像
    欢迎您留下宝贵的见解!
    提交
    头像

    昵称

    取消
    昵称表情代码图片

      暂无评论内容