CSS定位圖片是網頁設計中非常重要的一部分，在網頁中使用圖片可以很好地展示網站的內容，增加網站頁面的美觀性和用戶體驗。在CSS中，可以使用多種方法定位圖片，下面我們來看一下具體的介紹。

<img src="圖像地址">

這是最基本的圖像應用方法。<img> 必須是解析 HTML 時就載入并被縮放后才能顯示。即圖像收到 HTML 與 CSS 控制。對 CSS 支持非常有限，受瀏覽器乃至操作系統控制。

<div style="background-image:url(圖像地址)"></div>

使用背景圖片的主要優點是可以控制圖片的一些樣式，比如背景圖片的重復方式、位置、縮放等等。此外，使用背景圖片還可以避免因加載圖片而引起的頁面卡頓等情況。

<img src="圖像地址" style="position:absolute;left:0px;top:0px;">

使用絕對定位（position:absolute）可以讓圖片脫離頁面的標準流，并且可以通過 left 和 top 屬性來控制圖片的具體位置。

<div style="position:relative;width:500px;height:500px;">
<img src="圖像地址" style="position:absolute;left:0px;top:0px;">
</div>

使用相對定位（position:relative）可以讓圖片相對于父容器進行定位，此時通過 left 和 top 屬性來控制圖片的具體位置。

<img src="圖像地址" style="float:left;border:none;">

使用浮動（float）可以讓圖片與其他元素一起浮動，并且可以通過設置 border:none 或 border:0 來去掉圖片周圍的邊框。

總的來說，以上是幾種常用的CSS定位圖片的方法，各有優缺點。在實際應用中，需要根據具體的情況選擇使用哪種方法。只有掌握了這些方法，才能更好地設計出優秀的網頁界面。