纯文字简洁的网站维护公告html页面源码

白底黑字，纯文字显示。告别复杂，有简而生。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>网站正在维护中</title>
    <meta name="status" content="504" />
    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type="text/css">
        *{margin:0;padding:0;overflow:hidden;font-family:'Lato','Raleway','Courier New','Open Sans','sans-serif','Arial';letter-spacing:2px;}
        body{text-align:center;color:#000;line-height:22px;font:15px/22px arial,sans-serif;text-transform:uppercase;0 1px 1px #060202font-weight:100;overflow:hidden;background-color:transparent;background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;background-size:cover;overflow:hidden;background:#f9f9f9;}
        .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.6;background:rgba(255,255,255,0.51);z-index:10;}
        #wrapper {position: absolute;z-index: 200;top: 50%;left: 50%; width: 100%;transform: translate(-50%, -50%);}
        #content{padding:100% 0%;margin: 100% 0%;}
        #content h1{font-weight:100;font-size:100px;line-height:120px;}
        #content h2{font-size:18px;font-weight:200;}
        a{color:#000;text-decoration:none;}a:hover{color:#1fb5ac;}
        .cn{font-size:40px!important;}
    </style>
</head>
<body>
<div class="overlay"></div>
<div id="wrapper">
    <div id="content">
        <h1 class="cn">网站正在维护中</h1>
        <h2>请稍后......</h2>
    </div>
</div>
</body>
</html>

文章版权声明 1 本网站名称：小黄鸭趣味站
2 本站永久网址：https://www.xiaohuangya.cc/
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ1812486705进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

技术教程源码程序网站源码
# html页面源码

请登录后发表评论