Css 如何在图像旁边添加按钮

我正在开发一个爱奥尼亚3应用程序，我想要一个

按钮

，在图像旁边有一个

小添加图标

。看起来像这样

像图像旁边的小绿色添加图标一样

下面是我的html对我所做的图像的咆哮

<ion-col col-4>
    <img [src]="image" [hidden]="!image">
    <img src="assets/imgs/avatar-placeholder.png" [hidden]="image">
  </ion-col>

下面是我的图片的结果

我只想要第一张图片中的小绿色添加图标

如果有人能帮忙，我将不胜感激

---

提前感谢。

使用图标上的

位置：绝对值

绝对定位元素是其计算位置值为绝对或固定的元素


div{
位置：相对位置；
宽度：适合的内容；
}
div>图标{
位置：绝对位置；
右：12px；
底部：20px；
宽度：50px；
}
为我工作！我用图标代替图像
img {
    display: block;
    border-radius: 100px;
    border: 1px solid #fff;
    width: 80px;
    height: 80px;
    margin: 30px auto 0;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    margin-top: 0px;
}