样式：
<style type="text/css">
.apu_layered{width:100%;height:692px;color:#fff;background-color:#339933}
.apu_font_middle{text-align:center;height:692px;padding-top:200px;}
.apu_ap1{font-size:4em;margin:0px;}
.apu_ap2{font-size:1.5em;padding-bottom:278px;}
.apu_btns{display:flex;background-color:#777;opacity:0.8;justify-content:center;}
.apu_btn{width:150px;height:50px;text-align:center;background-color:#acacac;}
.apu_btn a{color:#fff;text-decoration:none;margin:auto;line-height:50px;}
.apu_btn:hover{background-color:#111;}
</style>div:
<body>
<div class="apu_layered" style="background:url('repeat_grid.png')no-repeat;background-size:cover;">
<div class="apu_font_middle">
<p class="apu_ap1">搬砖，最为致命，何不加班！</p>
<p class="apu_ap2">作为的一个小白，搬砖是不可能的，可是不可能是不搬砖的</p>
<div class="apu_btns flex-wrap">
<div class="apu_btn"><a href="http://lol.qq.com">LOL时事</a></div>
<div class="apu_btn"><a href="https://www.baidu.com">百度搜索</a></div>
<div class="apu_btn"><a href="https://www.taobao.com">淘宝网购</a></div>
<div class="apu_btn"><a href="https://www.jd.com">京东白条</a></div>
</div>
</div>
</div>
</body>