溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML中如何引入圖標(biāo)

發(fā)布時(shí)間：2020-06-21 19:59:43 來(lái)源：億速云 閱讀：312 作者：鴿子 欄目：web開(kāi)發(fā)

1、在頭部引用在HTML中里面引用一個(gè)東西，在頭部引用

<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>

2、然后在網(wǎng)上搜索font awesome。可以進(jìn)那個(gè)官方（外國(guó)網(wǎng)站比較卡)。以下為點(diǎn)進(jìn)那個(gè)中文網(wǎng)–字體圖標(biāo)

點(diǎn)擊右上角圖標(biāo)庫(kù)

HTML中如何引入圖標(biāo)

3、隨便點(diǎn)一個(gè)進(jìn)去

HTML中如何引入圖標(biāo)

4、復(fù)制<i class="fa fa-address-book-o" aria-hidden="true"></i>

引入你的代碼中<span><i class="fa fa-address-book-o" aria-hidden="true"></i>></span>

<div><i class="fa fa-address-book-o" aria-hidden="true"></i>></div>

在div或span里引用，可以實(shí)現(xiàn)塊狀元素和行內(nèi)元素的功能，不用管i標(biāo)簽，改變圖標(biāo)大小用font-size，調(diào)上下高度line-height，左右位置text-align。

HTML中如何引入圖標(biāo)

部分圖標(biāo)可以引用不了，大致樣式。

以上就是網(wǎng)頁(yè)開(kāi)發(fā)如何引入圖標(biāo)的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注億速云其它相關(guān)文章！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手