宣传语banner

直接使用代码

图片素材

css代码

 <style>
.row-9{overflow:hidden;background:url(http://www.bootfastui.cn/img/2021/0512/pic-h7.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover;padding:99px 0 80px}
.row-9 h3{font-size:34px;margin-bottom:4px}
.row-9 .txt{overflow:hidden;text-align:center;font-size:24px;color:#fff;margin-bottom:60px}
.row-9 a{display:block;width:240px;height:50px;border:1px solid #fff;border-radius:5px;text-align:center;line-height:48px;font-size:20px;color:#fff;margin:0 auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.row-9 a:hover{color:#f77026;background-color:#fff}
</style>

HTML+JS代码

 <section class="row-9">
  <div class="wp">
    <div class="txt">
      <h3>艺术生文化课整体方案解决服务商，帮助机构高校引流拓客招生</h3>
      <p>无论是专业课机构还是文化课机构，都能帮您快速树立品牌形象 抢占市场</p>
    </div>
    <a href="http://www.bootfastui.cn">点击查看解决方案&gt;&gt;</a>
  </div>
</section>