在 CSS 程式碼中,您的目標是用 Font Awesome 中的圖示取代圖片。但是,不支援在 CSS 中使用圖示作為背景圖片。
透過偽類解決方案:
您可以利用偽類,例如:before 或:after 將文字字元放置在所需的位置,從而無需過多
.mytextwithicon { position:relative; } .mytextwithicon:before { content: "AE"; /* Replace with desired UTF-8 character code */ font-family: FontAwesome; position:absolute; top:0; left:-5px; }
Font Awesome v5字體名稱:
其他注意事項:
其他提示:
右鍵點擊頁面上的範例 Font Awesome 圖示可以提供字型名稱和 UTF-8 圖示程式碼。
以上是如何使用偽類在 CSS 中用 Font Awesome 圖示替換圖片?的詳細內容。更多資訊請關注PHP中文網其他相關文章!