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

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

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

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

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

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

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

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

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

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

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

#一部のアイコンは参照できません。一般的なスタイルが指定されています。

推奨学習:

html チュートリアル

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