在網頁設計中，圖片的擺放和位置是非常重要的。使用CSS可以實現對圖片的自由調整。以下是一些常見的方法，通過對CSS屬性的調整，可以實現對圖片位置、大小、旋轉等進行控制。

/*向左偏移50px*/
img{
position:relative;
left:-50px;
}
/*向上偏移50px*/
img{
position:relative;
top:-50px;
}
/*設置圖片居中*/
img{
display:block;
margin:0 auto;
}
/*將圖片寬度設置為100%*/
img{
width:100%;
height:auto;
}
/*設置圖片寬度為50%*/
img{
width:50%;
height:auto;
}
/*將圖片旋轉90度*/
img{
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}

除了以上CSS屬性，我們還可以使用CSS框架來輔助完成圖片的調整。比如Bootstrap框架提供了類似于響應式網頁設計一樣的圖片縮放，可以根據設備屏幕自動縮放。

總之，通過CSS對圖片位置的調整，不僅可以讓網頁效果更美觀，同時也可以提高用戶體驗。不過需要注意的是，合理使用CSS屬性，保證圖片不失真，也不要過度使用，以免影響網頁的加載速度。