先看页面演示效果，如图所示：
复制以下代码保存为HTML文件上传至WEB目录下直接可用。
点击查看代码
<html lang="zh-CN"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网站正在升级中</title>
<style>
html{ background: -webkit-gradient(linear, left top, left bottom, from(#005ff7), to(#038ef0));background: -o-linear-gradient(top, #005ff7, #038ef0);background: linear-gradient(180deg, #005ff7, #038ef0);height:100%;}
.box{ text-align: center; position: absolute; width: 100%; margin: 0; left: 0; top: 50%; margin-top: -170px;}
.box svg{display: inline-block; vertical-align: middle;}
.tip{display: inline-block;vertical-align: middle;margin: 0 0 0 36px;text-align: left;}
.title{font-size: 48px;color: #f5fbff;font-weight: bold;}
.detail{ margin-top: 33px; color: #e2f4ff; font-size: 18px;}
.detail span{color:#f40;font-weight: bold;}
</style>
</head>
<body>
<div class="box">
<svg t="1642471413984" class="icon" viewBox="0 0 1068 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2827" width="200" height="200" fill="#fff"><path d="M939.903 0H128.618C56.888 0 0 56.889 0 128.618v576.31c0 71.729 56.889 128.618 128.618 128.618h811.285c71.73 0 128.619-56.889 128.619-128.618v-576.31C1068.522 56.888 1011.632 0 939.903 0z m56.89 704.928c0 32.154-24.735 56.888-56.89 56.888H128.618c-32.154 0-56.889-24.734-56.889-56.888v-576.31c0-32.154 24.735-56.889 56.89-56.889h811.284c32.155 0 56.89 24.735 56.89 56.89v576.309z m-91.518 244.87h-202.82V930.01c0-17.314-14.841-32.155-32.155-32.155H378.435c-17.314 0-32.155 14.84-32.155 32.155v19.787H143.46c-19.788 0-37.102 17.314-37.102 37.102S123.671 1024 143.46 1024h761.816c19.788 0 37.102-17.314 37.102-37.101s-17.314-37.102-37.102-37.102z" p-id="2828"></path><path d="M351.227 274.55c-34.628 0-61.836 27.208-61.836 61.836s27.208 61.836 61.836 61.836 61.836-27.208 61.836-61.836c-2.474-34.628-29.681-61.835-61.836-61.835z m0 96.464c-19.787 0-37.101-17.314-37.101-37.101s17.314-37.101 37.101-37.101 37.102 17.314 37.102 37.101c-2.474 22.26-17.315 37.101-37.102 37.101z" p-id="2829"></path><path d="M591.15 531.787l-12.367-2.473v-2.473l7.42-7.42c2.473-2.474 4.947-4.948 4.947-7.421v-7.42l-7.42-14.84c-2.474-4.948-9.894-7.421-14.841-4.948l-12.367 4.947-2.474-2.473 2.474-9.894c2.473-2.473 2.473-4.947 0-7.42 0-2.474-2.474-4.947-4.947-7.42l-14.84-7.42c-2.474-2.474-4.948-2.474-7.421 0-2.473 0-4.947 2.473-4.947 4.946l-4.947 7.42h-2.473l-2.474-9.893c0-4.947-4.946-9.894-9.893-9.894h-14.84c-4.948 0-9.895 4.947-9.895 9.894l-2.473 12.367h-2.473l-7.42-7.42c-2.474-4.947-9.894-7.42-14.841-4.947l-2.474 2.473v-9.894l-7.42-17.314 2.473-2.473 14.841 4.947c7.42 4.947 17.314 2.473 22.26-4.947l12.368-19.788c2.473-4.946 2.473-7.42 2.473-12.367s-4.946-7.42-4.946-9.893l-17.314-17.315v-2.473l17.314-2.473c9.893 0 17.314-7.42 17.314-17.314v-24.735c0-9.893-7.42-14.84-14.841-17.314l-17.314-2.473v-2.474l14.84-12.367c2.474-2.473 4.947-4.947 7.42-9.893 0-4.947 0-9.894-2.473-12.368l-12.367-19.787c-2.473-4.947-4.947-7.42-9.893-7.42h-9.894l-17.314 7.42-2.474-2.473 4.947-17.314c2.474-2.474 2.474-7.42 0-12.368 0-4.946-4.947-7.42-7.42-9.893l-19.787-12.367c-7.42-4.947-17.314-2.474-22.261 4.946l-12.367 14.841h-2.474l-2.473-17.314c0-9.894-7.42-17.314-17.314-17.314h-24.735c-9.893 0-17.314 7.42-17.314 14.84l-2.473 17.315h-2.474l-14.84-12.368c-2.474-4.946-4.947-7.42-9.894-7.42s-9.894 0-12.367 2.474l-19.787 12.367c-7.42 4.947-9.894 14.84-7.42 19.787l7.42 17.314-2.474 2.474-19.787-4.947c-2.474-2.474-7.42-2.474-12.367 0-4.947 0-7.42 4.947-9.894 7.42l-12.367 19.787c-2.474 4.947-2.474 7.42-2.474 12.368s4.947 7.42 4.947 9.893l14.84 12.367v2.474l-17.313 2.473c-9.894 0-17.314 7.42-17.314 17.314v24.735c0 9.893 7.42 17.314 14.84 17.314l17.314 2.473v2.473l-12.367 9.894c-7.42 4.947-9.894 14.84-4.947 22.261l12.367 19.788c2.474 4.946 4.947 7.42 9.894 7.42h9.894l17.314-7.42 2.473 2.473v19.787c-2.473 2.474-2.473 7.42 0 12.368 0 4.946 4.947 7.42 7.42 9.893l19.788 12.367c4.947 2.474 7.42 2.474 12.367 2.474s7.42-4.947 9.894-4.947l12.367-14.84h2.473l2.474 17.313c0 9.894 7.42 17.314 17.314 17.314h24.734c9.894 0 17.314-7.42 17.314-14.84l2.474-17.314h2.473l9.894 12.367c2.473 4.947 4.947 7.42 9.894 7.42s9.893 0 12.367-2.473l12.367-7.42v4.946l4.947 12.368-2.474 2.473-9.893-2.473c-4.947-2.474-12.368-2.474-14.841 4.946L400.696 512c-2.474 4.947 0 12.367 2.473 14.84l9.894 7.42v2.474l-9.894 2.474c-4.947 0-9.894 4.947-9.894 9.893v14.841c0 4.947 4.947 9.894 9.894 9.894l12.367 2.473v2.474l-7.42 7.42c-4.947 2.473-7.42 9.894-4.947 14.84l7.42 14.841c2.474 4.947 9.894 7.42 14.841 4.947l12.367-4.947 2.474 2.473-2.474 9.894c-2.473 2.474-2.473 4.947 0 7.42 0 2.474 2.474 4.947 4.947 7.42l14.84 7.421c2.474 2.474 4.947 2.474 7.42 0 2.474 0 4.948-2.473 4.948-4.947l7.42-9.894h2.473l2.474 9.894c0 4.947 4.947 9.894 9.894 9.894h14.84c4.947 0 9.894-4.947 9.894-9.894l2.473-12.367h2.474l7.42 7.42c2.473 4.947 9.894 7.42 14.84 4.947l14.841-7.42c2.474-2.474 4.947-4.947 4.947-7.42v-7.42l-4.947-12.368 2.474-2.473 9.893 2.473c4.947 2.474 12.367 0 14.84-4.947l7.421-14.84c2.474-2.474 2.474-4.947 0-7.42 0-2.474-2.473-4.947-4.947-4.947l-9.893-7.42v-2.474l9.893-2.474c4.947 0 9.894-4.946 9.894-9.893v-14.84c2.473-4.948 0-9.895-7.42-9.895zM415.536 432.85l7.42 17.314-9.893 4.947-12.367-14.84-4.947-9.894-9.894 4.947c-4.947 2.473-9.894 2.473-17.314 4.947l-7.42 2.473-4.947 27.208h-9.894l-4.947-29.681-7.42-2.474c-4.947 0-9.894-2.473-17.314-4.947l-9.894-4.947-4.947 9.894-12.367 14.84-9.893-4.946 4.946-17.314 7.42-9.894-9.893-7.42-12.367-12.367-7.42-4.947-7.42 4.947-17.315 7.42-4.947-9.894 14.841-12.367 9.894-4.947-7.42-9.894c-2.474-4.946-2.474-9.893-4.947-17.314v-7.42l-29.682-4.947v-9.893l29.682-4.947 2.473-7.42c0-4.947 2.473-9.894 4.947-17.315l4.947-9.893-9.894-4.947-14.84-12.367 4.946-9.894 17.314 7.42 7.42 4.947 7.42-7.42 12.368-12.367 7.42-7.42-4.947-9.894-7.42-17.314 9.894-4.947 12.367 14.84 4.947 7.42 7.42-2.473c4.947-2.473 9.894-2.473 17.314-4.947l7.42-2.473 4.947-29.681h9.894l4.947 29.681 7.42 2.473c4.947 0 9.894 2.474 17.314 4.947l7.42 2.474 17.315-22.261 14.84 4.947-4.947 17.314-4.947 7.42 7.42 7.42 12.368 12.367 7.42 7.42 7.42-4.946 17.314-7.42 7.42 9.893-14.84 12.367-9.894 4.947 4.947 9.894c2.474 4.947 2.474 9.894 4.947 17.314l2.474 7.42 29.68 4.947v9.894l-32.154 7.42-2.473 7.42c0 4.947-2.474 9.894-4.947 17.314l-2.474 9.894 9.894 4.947 14.84 12.367-4.946 9.894-19.788-7.42-7.42-4.947-7.42 7.42-12.367 12.367-9.894 7.42 7.42 9.894z m170.667 121.198l-19.788 4.947v4.947c0 4.947-2.473 7.42-2.473 9.894l-2.473 4.947 14.84 12.367-2.473 4.947-12.367-2.474-4.947-4.947-4.947 7.42-7.42 7.42-4.947 4.948 7.42 17.314-4.947 2.473-7.42-7.42 2.473-9.894-17.314 4.947c-2.473 2.473-7.42 2.473-9.893 2.473h-4.947l-2.474 19.788h-7.42l-4.947-19.788h-4.947c-4.947 0-7.42-2.473-9.893-2.473l-12.368-4.947v9.894l-7.42 7.42-4.947-2.473 4.947-12.367 2.474-7.42-4.947-4.948-7.42-7.42-4.947-7.42-7.42 7.42-9.894 4.947-4.947-4.947 9.893-7.42 4.947-4.947-2.473-4.947c-2.474-2.473-2.474-7.42-2.474-9.894v-4.946l-19.787-2.474v-7.42l19.787-4.947v-4.947c0-4.947 2.474-7.42 2.474-9.894l2.473-4.946-14.84-12.368 2.473-4.946 12.367 4.946 7.42 2.474 4.947-4.947 7.42-7.42 4.948-4.947-2.474-4.947-4.947-12.367 4.947-2.474 7.42 7.42v9.894l12.368-4.946c2.473-2.474 7.42-2.474 9.893-2.474h4.947l2.474-19.787h7.42l4.947 19.787h4.947c4.946 0 7.42 2.474 9.893 2.474l12.367 4.946v-9.893l7.42-7.42 4.948 2.473-4.947 12.367-2.474 4.947 4.947 4.947 7.42 7.42 4.947 4.947 17.314-7.42 2.474 4.946-9.894 7.42-4.947 4.948 2.474 4.946c2.473 2.474 2.473 7.42 2.473 9.894v4.947l19.787 2.473v4.947z" p-id="2830"></path><path d="M497.16 509.527c-22.261 0-39.575 17.314-39.575 39.574 0 22.261 17.314 39.575 39.574 39.575 22.261 0 39.575-17.314 39.575-39.575 0-19.787-17.314-39.574-39.575-39.574z m0 64.309c-12.368 0-24.735-9.894-24.735-24.735 0-12.367 9.894-24.734 24.734-24.734s24.735 9.894 24.735 24.734-12.367 24.735-24.735 24.735z m205.294-403.17a165.72 165.72 0 1 0 0 331.44 165.72 165.72 0 0 0 0-331.44z m0 306.706c-76.676 0-140.985-64.31-140.985-140.986s64.309-140.985 140.985-140.985 140.986 64.31 140.986 140.985-64.31 140.986-140.986 140.986z" p-id="2831"></path><path d="M702.454 390.802c7.42 0 12.367-4.947 12.367-12.367V267.13c0-7.42-4.947-12.367-12.367-12.367s-12.367 4.947-12.367 12.367v111.305c0 7.42 4.947 12.367 12.367 12.367zM690.087 430.377a12.367 12.367 0 1 0 24.734 0 12.367 12.367 0 1 0-24.734 0z" p-id="2832"></path></svg>
<div class="tip">
<div class="title">网站升级中......</div>
</div>
</div>
</body></html>