CSS是前端開發中必須掌握的一項技能之一，其中一個重要的應用就是通過圖片來定位元素。

.icon {
width: 20px;
height: 20px;
background: url("icon.png") no-repeat;
/* 以下為根據圖片位置進行定位 */
background-position: -10px -10px; 
}

在上面的代碼中，我們通過設置元素的背景圖片，然后使用background-position屬性來根據圖片的位置來定位元素。

具體來說，background-position屬性的兩個參數分別表示圖片的水平和垂直偏移量。

此外，如果我們將參數值設置為百分比，那么將根據圖片大小來計算偏移量。

.icon {
width: 20px;
height: 20px;
background: url("icon.png") no-repeat;
/* 根據圖片大小進行定位 */
background-position: 50% 50%; 
}

通過使用background-position屬性，我們可以輕松地根據圖片來定位元素，從而實現更加優美的效果。