^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望对你有帮助
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 5年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人
  • 阿里云1核2g仅需102元/年,今日10点开抢

分享一个漂亮简洁的网站维护中单页源码

阿里云双12限时特惠

网上下载了一个网站单页维护源码,本来简简单单的几句代码就可以实现的,非得搞那么多无用的 css,真实受不了呀,所以还是手动写吧:

效果图:
分享一个漂亮简洁的网站维护中单页源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站维护中</title>
</head>
<style>
    *{padding: 0;margin: 0;}
    body{background: #fafafa;}
    .container{display: flex;align-items:center;height:100vh;flex-wrap: wrap;}
    .content{flex:1;margin: 0 15px;text-align: center;margin-bottom: 300px;}
    .content img{max-width: 240px;margin-bottom: 20px;}
    .content p{font-size: 1.5rem;color: #bebebe;font-weight: bold;}
    .bottom{content:'';background: url('./bg.png') no-repeat;width: 100%;height: 200px;background-size: cover;display: block;position: absolute;bottom:120px}
</style>
<body>
    <section class="container">
        <div class="content">
            <a data-fancybox="gallery" href="./logo.gif"title="分享一个漂亮简洁的网站维护中单页源码" ><img class="aligncenter size-full wp-image" src="./logo.gif" alt="分享一个漂亮简洁的网站维护中单页源码" /></a>
            <p>网站维护中。。</p>
        </div>
        <div class="bottom"></div>
    </section>
</body>
</html>

源码下载:

你的二维码名字
此处内容已经被作者无情的隐藏,请输入验证码查看内容
验证码:
请关注“mxyblog”微信公众号,回复关键字“9999”,获取验证码。【友情提醒】用微信扫描右侧二维码即可关注哦!

你可能对这些文章感兴趣:

    暂无内容!
让小雨知道,这篇文章帮到了你

展开阅读全文

扫码关注微信公众号zs40086(微搜片)随时随地微信看片,抢先福利电影等你来

热门推荐

如有疑问,请前往问答中心反馈!

反馈