在網頁設計中，圖片的定位經常是必不可少的。而CSS正是我們用來實現這一效果的有力工具。在本文中，我們將討論一些用CSS將圖片進行定位的方法。

img {
position: absolute;
top: 50px;
left: 100px;
}

上述代碼是一種常見的CSS定位圖片的方式。其中，我們使用了position屬性來指定圖片的定位方式，將其設置成了absolute（絕對定位）。同時，通過top和left屬性來指定圖片距離頁面頂部和左側的距離。

img {
margin: 50px auto;
display: block;
}

除了使用position屬性進行絕對定位，我們也可以使用margin和display屬性來控制圖片的位置。上述代碼將圖片水平居中，并在上下都有50px的外邊距。

div {
background: url(images/bg.png) no-repeat center center/cover;
width: 100%;
height: 100%;
}

最后，我們來看一種將背景圖片進行定位的方式。此時，我們需要將圖片設置成背景，使用background屬性來進行定位。上述代碼中，我們使用了url()函數來指定要使用的圖片，同時使用no-repeat來確保圖片不重復出現。接著，使用center center指定圖片在水平和垂直方向上居中顯示，并使用cover屬性將其撐滿整個容器。