首頁 > web前端 > html教學 > 網頁開發如何引入圖標

網頁開發如何引入圖標

angryTom
發布: 2019-11-30 15:35:01
轉載
3349 人瀏覽過

網頁開發如何引入圖標

HTML中如何引入圖示

1、在頭部引用在HTML中裡面引用一個東西,在頭部引用

<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
登入後複製

2、然後上網搜尋font awesome。可以進那個官方(外國網站比較卡)。以下為點進那個中文網–字體圖示

點擊右上角圖示庫

網頁開發如何引入圖標

#3、隨便點一個進去

網頁開發如何引入圖標

#4、複製

引入你的程式碼中>

<div><i class="fa fa-address-book-o" aria-hidden="true"></i>></div>
登入後複製

在div或span裡引用,可以實現塊狀元素和行內元素的功能,不用管i標籤,改變圖示大小用​​font-size,調上下高度line-height,左右位置text-align。

網頁開發如何引入圖標

部分圖示可以引用不了,大致樣式。

推薦學習:html教學

以上是網頁開發如何引入圖標的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
上一篇:HTML的