Maison >interface Web >tutoriel HTML >Comment définir la couleur de la police en HTML ? Trois méthodes pour définir la couleur de la police HTML
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>
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 :
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 :
:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div style="color:red;font-size:50px">php中文网</div> </body> </html>
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 :
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>
CSS externe pour définir la couleur du texte HTML font. L'effet est le suivant :
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!