在網頁設計中，我們常常需要使用圖片來美化頁面和提升用戶體驗。而如何實現圖片位置的改變就成為了我們需要掌握的技能。其中，CSS提供了多種方法來讓我們控制圖片的位置。下面，我們來看一下具體的實現方法。

.image{
position: relative; /*設置相對定位*/
left: 50px; /*設置left屬性值*/
top: 50px; /*設置top屬性值*/
margin: 0 auto; /*設置水平居中*/
float: right; /*設置圖片靠右浮動*/
 }

以上是幾種常見的圖片位置控制方法：

1. 使用相對定位

.image{
position: relative; /*設置相對定位*/
left: 50px; /*設置left屬性值*/
top: 50px; /*設置top屬性值*/
 }

上述代碼中，我們給圖片設置了相對定位，并且分別設置了left和top屬性值，使得圖片向右移動50px，向下移動50px。

2. 居中顯示

.image{
margin: 0 auto; /*設置水平居中*/
 }

上述代碼中，我們使用margin屬性的auto值，實現了圖片水平居中的效果。

3. 浮動布局

.image{
float: right; /*設置圖片靠右浮動*/
 }

上述代碼中，我們使用float屬性，讓圖片浮動到右邊。

總結：CSS提供了多種方法來讓我們控制圖片的位置，我們可以根據實際需求選擇相應的方法來實現圖片的定位、居中或浮動等效果。