Maison > interface Web > tutoriel HTML > le corps du texte

Comment définir la couleur de la police en HTML ? Trois méthodes pour définir la couleur de la police HTML

不言
Libérer: 2018-09-18 11:15:20
original
154087 Les gens l'ont consulté

Dans le processus de développement Web, parfois afin de rendre la page Web belle, il est nécessaire de définir différentes couleurs pour les polices de la page Web. Alors, comment définir la couleur de la police ? Cet article vous présentera trois méthodes pour définir la couleur de la police en HTML.

Sans plus attendre, passons directement au texte.

Méthode 1 de définition de la couleur de la police HTML : définition de la couleur de la police HTML

Syntaxe : ;

font est une paire de balises normales. Placez le contenu du texte de la police dans la balise. Définissez la couleur + la valeur de couleur correspondante dans la balise de police pour définir la couleur de la police dans l'objet de balise de police. .

Regardons directement l'exemple de code de définition de la couleur de la police HTML :

<html>
<body>
<p><font size="10" color="red">php中文网</font></p>
</body>
</html>
Copier après la connexion

Explication : pour définir la taille de la police. (Veuillez vous référer au Manuel HTML)

police HTML L'effet de la définition de la couleur de la police est le suivant :

Comment définir la couleur de la police en HTML ? Trois méthodes pour définir la couleur de la police HTML

Méthode 2 de définition de la couleur de la police HTML : définissez le style de couleur de la police CSS dans la balise

Syntaxe :


Exemple de code pour définir la couleur de la police CSS dans la balise

 :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div style="color:red;font-size:50px">php中文网</div>
</body>
</html>
Copier après la connexion

Description : font-size:50px est la taille de la police. (Pour la taille de la police, veuillez vous référer au manuel d'utilisation CSS)

L'effet de la définition de la couleur de la police CSS dans la balise est le suivant suit :

Comment définir la couleur de la police en HTML ? Trois méthodes pour définir la couleur de la police HTML

Méthode 3 de définition de la couleur de la police HTML : le CSS externe définit la couleur de la police du texte HTML

Utiliser identifiant ou classe pour introduire un style de couleur de police CSS externe, définissant ainsi la couleur de la police HTML.

Exemple de code pour CSS externe pour définir la couleur de la police du texte HTML :

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style> 
    .ex{ color:pink;font-size:50px} 
    </style> 
    </head> 
    <body> 
    <div class="ex">php中文网</div> 
    </body> 
    </html>
Copier après la connexion

CSS externe pour définir la couleur du texte HTML font. L'effet est le suivant :

Comment définir la couleur de la police en HTML ? Trois méthodes pour définir la couleur de la police HTML

Enfin, remarque : la police html définit la couleur de la police en utilisant le signe égal pour définir la valeur de couleur, tandis que CSS définit la couleur de la police. la couleur de la police en utilisant color pour définir la valeur de la couleur de la police à l'aide de deux-points.

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:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!