在網(wǎng)頁設(shè)計中，圖標是不可或缺的元素，它可以使頁面更加美觀，也方便用戶操作。而如何對圖標進行定位呢？這就需要用到position屬性。

.icon {
position: relative;
top: 10px;
left: 20px;
}

上面的代碼表示對類名為icon的元素進行定位，首先將其position屬性設(shè)置為relative，這樣就可以讓該元素相對于其父元素進行定位。然后通過top和left屬性分別設(shè)置其在垂直和水平方向上的偏移量，這樣就可以將圖標定位到指定的位置。

還有兩個和relative類似的屬性，分別是absolute和fixed。absolute表示相對于離它最近的非static定位的父元素進行定位，如果沒有這樣的父元素，則相對于文檔進行定位。而fixed則表示相對于瀏覽器窗口進行定位，不會隨著頁面滾動而改變位置。

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

對于居中對齊的圖標，可以使用transform屬性，將其從左上角移動到中心點位置。其中translate表示對元素進行平移，參數(shù)分別為水平和垂直方向上的偏移量，這里設(shè)置為元素大小的一半，即移動到中心點位置。

上面是對圖標進行定位的簡單介紹，了解了這些基礎(chǔ)知識，我們可以更好地使用 CSS 對圖標進行定位。