html - 如何使用CSS移动div中的图像？

Question

我有一个位于 div 中的图像，我试图将它向下移动 50 像素并向左移动 50 像素以使一切都完整。但是我不确定如何在 CSS 中编辑图像，因为我不知道要放入什么代码才能将照片连接到 css。

我的代码:

#OverviewText4 img:MoneyIcon.png {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50px;
  left: 50px;
}

<div id="OverviewText4">
  <img src="MoneyIcon.png" />
</div>

感谢帮助

Answer 1

从您的声明中删除图像名称并确保您的容器设置为 position: relative 以便您的图像绝对定位在本例中的右侧包含元素 #OverviewText4

#OverviewText4 {
    position: relative;
}

#OverviewText4 img {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50px;
    left: 50px;
}