直接使用代码

图片素材

无

css代码

   <style>
  /*标题类-栏目标题*/
      .my-arctype-title{ width:100%; height:30px; border-bottom:1px solid #CCC; position:relative; z-index:1}
      .my-arctype-title p.title{padding:0; margin:0; width:90px;height:30px; border-bottom:1px solid #c00;
      position:absolute;z-index:2; font-size:1.3em; color:#666}
      .nav-tree a{display:inline-block;margin:0 10px;color:#666;}
      .nav-tree a.current{color:#096;}
      .nav-tree a:hover{color:#096;}
</style>

HTML+JS代码

  <div class="container">   
    <div class="row">
        <div class="my-arctype-title">
          <p class="title">关于我们</p>
          <div class="nav-tree fright hidden-xs">
            当前位置：<a href=''>首页</a>/<a href=''>产品中心</a>/<a href='' class="current">详情</a>
          </div>
        </div>
      </div>
</div>