CSS3是一種新的Web設計技術，它可以讓我們更加靈活和準確地表達設計意圖。當涉及到圖片位置的設置時，CSS3提供了一些非常實用的方法。本文將詳細介紹如何使用CSS3來設置圖片位置。

如果你想將一個圖片放在網頁的中心，可以使用以下CSS3代碼：

img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

這個代碼塊將圖片的位置設置為絕對定位，然后設置了圖片的上邊緣與視口的中心相對齊，左邊緣也與視口的中心相對齊。接著使用了CSS3的transform屬性來把圖片在X和Y方向上向相反方向平移50%。

如果你想在圖片和文本之間創建間距，可以使用以下CSS3代碼：

img {
display: block;
margin: 0 auto 20px;
}

這個代碼塊將圖片的display屬性設置為塊級元素，這樣圖片就可以像段落一樣垂直排列。接著設置了圖片的左右外邊距為auto，這樣圖片就會水平居中。最后，給圖片加上20像素的下邊距。

如果你想把一個圖片置于文本之上或之下，可以使用以下CSS3代碼：

img {
position: relative;
z-index: -1;
}

這個代碼塊將圖片的position屬性設置為相對定位，z-index屬性設置為-1，這樣圖片就會被放在文本的下面。如果你希望圖片在文本上方，只需要把z-index的值設為正數。

總而言之，CSS3提供了很多實用的方法來設置圖片的位置。如果你想創建一個美觀、獨特的網頁設計，這些CSS3屬性一定會派上用場。