演示图

演示站:res.abeim.cn/assets/daima/?html=404b

代码如下


<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>404-Not Found</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:#727d99}.lost .back{display:inline-block;margin-top:20px;width:108px;height:42px;color:#FFF;border-radius:21px;background-color:#727d99;line-height:42px;text-decoration:none}.lost .text .num{color:#d43d3d}.lost .back:hover{background-color:#606b86}
</style>
</head>
<body>
<div class="wrap">
    <div class="lost">
        <img class="img" src="https://img02.sogoucdn.com/app/a/100520146/5fe36b60240d272564c7922f4a8b238e" width="605" height="368">
        <p class="text">
            您访问的小可爱走失了
        </p>
        <a href="../" 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>
Last modification:December 23, 2018
如果觉得我的文章对你有用,请随意赞赏