CSS可以帮我们改变图片的位置，让页面更加美观。以下是一些常见的方法：

/* 将图片向右移动100像素 */
img {
margin-left: 100px;
}
/* 将图片向上移动50像素 */
img {
margin-top: -50px;
}
/* 将图片相对于父元素居中显示 */
.container {
position: relative;
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

第一种方法是通过设置图片的左边距（margin-left）来使其向右移动。同理，你可以使用右边距（margin-right）来使其向左移动。

第二种方法是通过设置图片的上边距（margin-top）来使其向上移动。同理，你可以使用下边距（margin-bottom）来使其向下移动。

第三种方法是将图片相对于父元素进行定位，并使用CSS的transform属性来实现居中。这种方法对于居中显示内容非常有用，特别是在响应式设计中，当容器的宽度发生变化时，内容能够始终居中。