在網頁設計中，使用圖標可以讓網頁更加美觀和易于閱讀。而其中，使用CSS圖標庫則可以讓網站設計更加簡單和方便。下面介紹幾個常用的CSS圖標庫和如何進行置頂。

常用的CSS圖標庫

1. Font Awesome：這是一個很有名的圖標庫，包括了免費和收費兩個版本。其中免費版本可以滿足絕大多數需求。

<link rel="stylesheet" >
<i class="fa fa-home"></i>

2. Bootstrap Icons：這是Bootstrap自帶的圖標庫，包含了一些較基礎的圖標。

<link rel="stylesheet" >
<i class="bi bi-geo"></i>

3. Material Icons：這是Google提供的圖標庫，包含了一些現代化的圖標。

<link rel="stylesheet" >
<i class="material-icons">home</i>

如何進行CSS圖標庫置頂

想要進行CSS圖標庫置頂，我們需要使用CSS的相對定位和z-index屬性。

.icon {
position: relative;
z-index: 1;
}
.icon:hover {
z-index: 2;
}

在該段代碼中，我們使用了.icon類。當鼠標懸停在圖標上時，我們可以使用:hover偽類來改變z-index的值，從而將圖標固定在最前方。當鼠標離開時，又將z-index值更改為原本的值，即返回到最初狀態。

通過上述介紹，我們可以更加方便地使用CSS圖標庫，并且了解如何進行置頂。