CSS是網頁開發中常用的一種樣式語言，通過CSS我們可以讓網頁變得更加美觀和有層次感。其中，插入小圖標也是CSS的一種技巧，讓我們來一起學習一下吧。 在CSS中插入小圖標，我們首先需要引用相關的圖標庫文件，目前比較流行的有Font Awesome和Iconfont。這里以Font Awesome為例，我們需要在HTML文件的 head 標簽中引入以下代碼：

其中，href屬性就是引入Font Awesome圖標庫的鏈接。有了圖標庫的引入，我們就可以在CSS文件中使用相關的class選擇器來插入小圖標了。 以添加一個電話圖標為例，我們可以在CSS文件中添加以下代碼：

.phone-icon {
font-size: 24px; /* 圖標大小 */
color: #333; /* 圖標顏色 */
margin-right: 5px; /* 圖標與文字之間的距離 */
}

這里的 .phone-icon 就是我們定義的一個class選擇器，通過這個選擇器就可以對電話圖標進行樣式的設置。其中，font-size屬性定義了圖標的大小，color屬性定義了圖標的顏色，margin-right屬性定義了圖標與后面文字的距離。 最后，在HTML文件中添加以下代碼：

電話：18888888888

其中，i標簽中的 class 屬性就是我們在CSS文件中定義的 .phone-icon，fas fa-phone-alt 則是Font Awesome圖標庫中電話圖標的代碼。通過這樣的方式，我們就可以在 HTML 中插入電話圖標了。 通過引入圖標庫文件以及定義相關的class選擇器，我們可以很方便地在CSS中插入各種小圖標，從而讓網頁更加精美和有層次感。