在網站開發中，經常需要設置圖標的劃過效果，下面我們來一起學習一下如何實現。

首先，我們需要一個圖標。可以從Font Awesome上找到我們需要的圖標。例如，我們選擇了一個“搜索”圖標。

<i class="fas fa-search"></i>

接下來，我們需要定義一個 CSS 選擇器來設置圖標的劃過效果。我們可以通過 hover 偽類來實現這個效果。

.fas:hover {
color: red;
}

上面的代碼意思是：當用戶劃過這個圖標時，它的顏色將會變為紅色。

最后，我們將圖標的 HTML 代碼嵌入到網頁中。

<div>
<i class="fas fa-search"></i>
</div>

這就是實現圖標劃過效果的全部代碼了。我們可以對 CSS 代碼進行一些調整，如修改顏色、添加陰影等等，來使得效果更加美觀。