CSS中的position屬性可以幫助我們把圖片移動到我們想要的位置。下面是一個例子：

<div class="container">
<img src="example.jpg" alt="An example image">
</div>
<style>
.container {
position: relative;
}
img {
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
}
</style>

上面的代碼會把一個img元素移動到它的父級元素的左上角20像素的位置。使用position: relative的原因是，我們希望元素能夠基于它的父級元素進行位置設(shè)置。使用position: absolute可以讓元素“脫離文檔流”，并且top和left屬性可以同時指定元素的水平和垂直位置。

然而，只使用top和left屬性會導(dǎo)致元素水平方向上不居中。為了解決這個問題，我們可以使用transform屬性。transform: translateX(-50%)將元素向左移動50%的它自身寬度。這樣，圖片就被成功地移動到了其中心位置。