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

  • 内容
  • 相关

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

QQ截图20220103152738.png

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

<!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>
头像
个人描述: 00后,单身可撩。

不知道看啥了?点我随便看看吧!(#^.^#)

本文标签:

版权声明:本文为《Zzl》投稿,转载请保留出处。

本文链接:纯文字简洁的网站维护公告html页面源码 - http://www.qyun.vip/wangzhanyuanma/3064.html

上一篇:召唤神龙在哪儿玩?在线玩网上特别火的召唤神龙小游戏 下一篇:小K娱乐网好看的弹窗公告代码分享

官方微信公众号“看福利网”QQ交流群:①399835280 ②559335110 ③277235049

评论者的电子邮件地址不会被公开。 必填项已用*标注。每天点击网站内的广告,帮助网站运营发展。