在Angular 6卡底-中心边框上添加图像/徽章

<div class="card">
  <div class="card-body">
    <h5 class="card-title">Card Title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <img src="badge.png" alt="Badge" class="badge">
  </div>
</div>

.card {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  width: 300px;
  margin: 10px;
}

.card-title {
  font-size: 18px;
  font-weight: bold;
}

.card-text {
  font-size: 14px;
}

.badge {
  width: 50px;
  height: 50px;
}

<app-card></app-card>