Maison > interface Web > tutoriel HTML > Comment introduire des icônes dans le développement Web

Comment introduire des icônes dans le développement Web

angryTom
Libérer: 2019-11-30 15:35:01
avant
3317 Les gens l'ont consulté

Comment introduire des icônes dans le développement Web

Comment introduire des icônes en HTML

1. Citer quelque chose dans l'en-tête en HTML. >

<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
Copier après la connexion

2. Recherchez ensuite Font Awesome en ligne. Vous pouvez accéder à ce site officiel (les sites étrangers sont relativement lents). Voici le clic pour accéder au site Web chinois - icône de police

Cliquez sur la bibliothèque d'icônes dans le coin supérieur droit

Comment introduire des icônes dans le développement Web

3. Cliquez sur l'une d'elles pour saisir

Comment introduire des icônes dans le développement Web

4. Copiez

et introduisez-le dans votre code >
<div><i class="fa fa-address-book-o" aria-hidden="true"></i>></div>
Copier après la connexion

en div ou Referenced in span, vous pouvez réaliser les fonctions des éléments de bloc et des éléments en ligne, quelle que soit la balise i. Utilisez font-size pour modifier la taille de l'icône, ajustez le haut et le bas. hauteurs de ligne et ajustez les positions gauche et droite pour aligner le texte.

Comment introduire des icônes dans le développement Web

Certaines icônes ne peuvent pas être référencées, le style général est utilisé.

Apprentissage recommandé :

tutoriel HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Article précédent:Comment utiliser la balise HTML