CSS在元素前加圖標是一種常見的網站設計技巧，可以讓頁面更加美觀和有條理。本文將向讀者介紹如何在網頁中添加元素前的圖標，供大家參考。 首先，在HTML文件中需要加入一個i標簽，用于放置圖標。然后，使用CSS來設置i標簽的樣式，包括圖標大小、顏色、位置等等。 下面是一段示例代碼：

p::before {
content: "\f0e7";
font-family: FontAwesome;
color: red;
font-size: 20px;
padding-right: 5px;
}

上述代碼中，我們使用了偽元素::before來實現在p標簽前添加圖標的效果。content屬性是必需的，它用于指定圖標的Unicode值。這里我們使用了FontAwesome字體庫，可以通過CDN引入進來。 接下來，我們可以對圖標進行排版調整。比如，可以設定圖標的顏色、大小和位置等等。 padding-right屬性表示在圖標和文字之間留白，以保證排版美觀。 總之，通過在元素前添加圖標，可以讓網頁看起來更加獨特和富有層次感。有了這種技巧，我們可以讓靜態頁面顯得更加精致，使用戶更加喜歡我們的網站。