代码之家 › 专栏 › 技术社区 › Vithushan

在角形6卡Botton中心边框上添加图像/徽章

angular6 angular

0

Vithushan · 技术社区 · 8 年前

有谁能给我建议一下怎样才能达到目的吗。

<div *ngIf="isSearchVisible" class="search-panel-lower">
  <div class="card">
    <div class="card-body">
      <form>
         <!--Code here-->
      </form>
    </div>
  </div>
</div>

1 回复 | 直到 8 年前

1

Chatar Singh 8 年前

你可以用这样的CSS按钮。

    <div class="card" style="position:relative;overflow:initial;">
        <div class="card-title">
            title
        </div>
        <div class="card-content">
            content
        </div>
        <!-- button code -->
        <div style="position:absolute;text-align:center;width:100%;bottom:-10px;">button icon</div>
    </div>