某软件站系统维护公告页面源码分享

编辑：覃师宁来源：qinshining.com时间：2020-11-30 23:58:17阅读量：

这是某软件站系统维护公告页面源码，看到喜欢就扒下来了。橘色的火箭背景，很醒目！喜欢的可以下载自用。

先看效果图：

html代码：

   <div class="notice-wrap">
       <div class="notice">
           <h1>网站系统升级维护通知</h1>
           <p class="notice-cont">为了给您提供更优质的内容资源，覃师宁博客于<span>2020年11月29日</span>起开展服务器例行维护，具体开放时间待定，感谢您的访问</p>
           <p class="notice-tel">如有疑问请联系站长微信：<span>SN900518</span>，或关注微信公众号:网创邦【内容不定期更新】</p>
           <div class="notice-foot">
               <p>覃师宁博客</p>
               <p>2020年12月1日</p>
           </div>
       </div>
   </div>

css代码：

.notice-wrap{
   padding-top: 30px;
}
.notice{
   margin: 0 auto;
   width: 682px;
   height: 633px;
   background: url(img/update-bg.png) no-repeat;
}
.notice h1{
   padding-top: 225px;
   font-size: 36px;
   color: #333;
   text-align: center;
}
.notice>p{
   margin: 0 62px;
   font-size: 18px;
   color: #666;
   text-indent: 36px;
   line-height: 40px;
}
p span{
   color: #ff6500;
}
.notice .notice-cont{
   margin-top: 45px;
}
.notice .notice-tel{
   padding-bottom: 54px;
   border-bottom: 2px solid #f2f2f2;
}
.notice-foot{
   float:right;
   margin-top: 24px;
   padding-right:20px;
}
.notice-foot p{
   font-size: 18px;
   color: #666;
}