ホームページ >ウェブフロントエンド >htmlチュートリアル >Web 開発にアイコンを導入する方法

Web 開発にアイコンを導入する方法

angryTom
angryTom転載
2019-11-30 15:35:013313ブラウズ

Web 開発にアイコンを導入する方法

#HTML にアイコンを導入する方法

1. ヘッダーで何かを引用します。HTML で何かを引用します。

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

2 を引用し、インターネットで font Excellent を検索します。その公式ウェブサイトにアクセスできます(海外のウェブサイトは比較的遅いです)。以下は、クリックして中国語の Web サイトに入ります - フォント アイコン

右上隅のアイコン ライブラリをクリックします

Web 開発にアイコンを導入する方法

3. いずれかをクリックします。

Web 開発にアイコンを導入する方法

4 を入力します。# をコピーします

## そしてそれをコードに導入します >> div の ;

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

や、span で参照することで、i タグに関係なく、ブロック要素やインライン要素の機能を実現できます font-size でアイコンの大きさを変更したり、上下を調整したりすることができます高さ line-height を調整し、左右の位置を text-align で調整します。

#一部のアイコンは参照できません。一般的なスタイルが指定されています。 Web 開発にアイコンを導入する方法

推奨学習:

html チュートリアル

以上がWeb 開発にアイコンを導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。