升级提示页面html模板


纯html+css,不用引入其它文件,简洁即用,用完就丢。

升级提示模板

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>系统升级中</title>
<style>
*{margin:0;padding:0;color:#444}
body{font-size:14px;font-family:"宋体"}
.main{width:600px;margin:10% auto;}
.title{background: #20a53a;color: #fff;font-size: 16px;height: 40px;line-height: 40px;padding-left: 20px;}
.content{background-color:#f3f7f9; height:300px;border:1px dashed #c6d9b6;padding:20px}
.mtitle{border-bottom: 1px dashed #c6d9b6;color: #ff4000;font-weight: bold; margin: 0 0 20px; padding-bottom: 18px;}
.stitle{margin-bottom:8px; font-weight:bold}
ol{margin:0 0 20px 22px;padding:0;}
ol li{line-height:30px}
</style>
</head>

<body>
    <div class="main">
        <div class="title">升级提示</div>
        <div class="content">
            <p class="mtitle">系统升级中,请稍后访问再试</p>
            <p class="stitle">可能原因:</p>
            <ol>
                <li>为了给您提供更好的服务,对站点进行升级</li>
                <li>带来不便敬请谅解</li>
            </ol>
            <p class="stitle">如何解决:</p>
            <ol>
                <li>请稍后再试,刷新该页面(或CTRL+F5强制刷新该页面)。</li>
                <li>如有疑问,请联系网站管理员</li>
            </ol>
        </div>
    </div>
</body>
</html>

404页面找不到

附404的html模板:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>没有找到页面</title>
<style>
*{margin:0;padding:0;color:#444}
body{font-size:14px;font-family:"宋体"}
.main{width:600px;margin:10% auto;}
.title{background: #20a53a;color: #fff;font-size: 16px;height: 40px;line-height: 40px;padding-left: 20px;}
.content{background-color:#f3f7f9; height:300px;border:1px dashed #c6d9b6;padding:20px}
.t1{border-bottom: 1px dashed #c6d9b6;color: #ff4000;font-weight: bold; margin: 0 0 20px; padding-bottom: 18px;}
.t2{margin-bottom:8px; font-weight:bold}
ol{margin:0 0 20px 22px;padding:0;}
ol li{line-height:30px}
</style>
</head>

<body>
    <div class="main">
        <div class="title">页面提示</div>
        <div class="content">
            <p class="t1">404 Not fond 找不到</p>
            <p class="t2">可能原因:</p>
            <ol>
                <li>您没有将此域名或IP绑定到对应站点</li>
                <li>配置文件未生效</li>
            </ol>
            <p class="t2">如何解决:</p>
            <ol>
                <li>检查是否已经绑定到对应站点,若确认已绑定,请重启服务;</li>
                <li>检查端口是否正确;</li>
                <li>若您使用了CDN产品,请尝试清除CDN缓存;</li>
                <li>普通网站访客,请联系网站管理员;</li>
            </ol>
        </div>
    </div>
</body>
</html>

原文链接:https://blog.yongit.com/note/559994.html