CSS圖片定位方式是制作網頁設計中常用的一種技巧。通過使用CSS規定頁面元素的位置和方式，我們可以輕松地在網頁中添加并精確定位圖片。 在CSS中，圖片的定位使用position屬性。position有三種屬性值，分別是static、relative和absolute。其中，relative和absolute用得最多，在這里我們重點介紹這兩種定位方式。 1. relative relative是一種相對定位方式，它是相對于元素原本的位置進行定位的。如果我們不對元素進行任何定位，則其默認的position屬性值就是relative。在相對定位中，可以使用top、bottom、left和right四個參數來決定元素相對于原位置的偏移量。 例如，以下代碼將圖片相對于其原位置向右移動50像素：

img {
position: relative;
left: 50px;
}

2. absolute absolute是一種絕對定位方式，它是相對于最近的position屬性為relative或absolute的父元素的位置進行定位的。如果沒有找到這樣的元素，則相對于文檔的左上角進行定位。在絕對定位中，同樣可以使用top、bottom、left和right四個參數來決定元素相對于父元素的位置定位。 例如，以下代碼將圖片相對于父元素向右移動50像素：

#container {
position: relative;
}
img {
position: absolute;
left: 50px;
}

總結 以上就是使用CSS圖片定位方式的基礎介紹。相對定位和絕對定位各有優劣，可以根據實際情況靈活應用。在實際制作中，還可以通過對層疊順序（z-index）的設置來控制元素的重疊順序，達到更好的效果。同時，希望大家一定要注意代碼書寫的規范性和可讀性，以便后期的維護和修改。