gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 13:55:51 26 4
gpt4 key购买 nike

我有一个位于 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>

感谢帮助

最佳答案

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

#OverviewText4 {
position: relative;
}

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

关于html - 如何使用CSS移动div中的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40972889/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com