在網頁設計中，經常需要將圖片置于某個位置，使其周圍的布局和排版更加美觀，這就需要使用CSS來對圖片進行調整。下面將介紹一些常用的CSS屬性來達到這個效果。

img {
float: left; /* 圖片向左浮動 */
margin-right: 10px; /* 圖片右側留出 10px 的空白 */
}
img {
float: right; /* 圖片向右浮動 */
margin-left: 10px; /* 圖片左側留出 10px 的空白 */
}
img {
display: inline-block; /* 將圖片變為行內塊元素 */
margin: 10px; /* 圖片周圍留出 10px 的空白 */
}
img {
position: relative; /* 將圖片的定位方式設置為相對定位 */
left: 50%; /* 將圖片左側距離父元素的距離設為父元素寬度的一半 */
transform: translateX(-50%); /* 將圖片向左移動自身寬度的一半 */
}

以上是常用的一些CSS屬性，根據實際需求選擇使用。同時，也可以在圖片外包裹一個 div 元素，通過對 div 元素的調整來控制圖片周圍的布局。