Maison > Article > interface Web > Comment modifier la couleur de la police en HTML
Comment modifier la couleur de la police en HTML
- php中世界最好的语言original
- 2017-11-20 14:04:2316561parcourir
Beaucoup d'amis sont très troublés, comment changer la couleur de la police en HTML ? Comment définir la couleur de la police ? Nous allons donc aujourd’hui vous présenter comment modifier la couleur de la police en HTML et comment obtenir la couleur de la police.
Nous devons d'abord connaître le paramètre de couleur de la police HTML
En HTML, nous utilisons la balise font pour définir la couleur du contenu de la police.
1. Syntaxe de la police :
c0025c2938efc05b97bd9beea08ca0c4Je suis une police rougee6e38b3c62e8df885fe2e3986461aa63
Tout d'abord, la police est une paire de balises régulières, placez le contenu du texte de la police dans l'étiquette, définissez la couleur + la valeur de couleur correspondante dans l'étiquette de police pour définir la couleur de la police dans l'objet d'étiquette de police.
Code complet de l'exemple de couleur de police HTML :
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>font字体颜色在线实例 DIVCSS5</title> </head> <body> <font color="#FF0000">我是红色字体</font> <table width="300" border="1"> <tr> <td><font color="#0000FF">你好</font></td> <td>DIVCSS5</td> </tr> </table> </body> </html>
Si vous souhaitez changer la couleur de la police avec cette méthode, il vous suffit de modifier la valeur de la couleur.
html div police CSSparamètre de couleur
Donc, pour résumer, si vous souhaitez définir la couleur de la police via le style CSS en HTML , comment faire Il existe deux types, l'un est du CSS intégré à l'étiquette et l'autre est du CSS externe.
Pour utiliser du CSS externe, vous pouvez placer le code CSS séparément dans le fichier CSS et utiliser le lien HTML pour introduire le CSS (le HTML introduit le CSS), ou vous pouvez utiliser la balise c9ccee2e6ea535a969eb3f532ad9fe89 . Vous pouvez également utiliser l'attribut style dans la balise html pour définir la couleur CSS.
Voici deux méthodes pour implémenter le paramètre de couleur de police HTML, l'une consiste à utiliser CSS dans la balise et l'autre consiste à utiliser la balise de style pour définir la couleur de la police.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css实现字体颜色 在线演示 DIVCSS5</title>
<style>
.divcss5{color:#F00}
</style>
<!-- html注释说明：使用style标签设置字体颜色 -->
</head>
<body>
<div class="divcss5">我字体是红色</div>
<div style="color:#00F">我字体是蓝色</div>
<!-- div标签内使用style属性设置字体颜色 -->
</body>
</html>Utilisez la balise c9ccee2e6ea535a969eb3f532ad9fe89 et l'attribut style dans la balise DIV pour définir la couleur de la police en HTML.
htmlHyperlienUn paramètre de couleur de police
Pour définir la couleur de la police du texte d'ancrage en HTML, il existe deux situations, l'une consiste à définir la police dans tous les hyperliens en html Définissez une couleur de police unifiée, et l'autre consiste à définir une couleur distincte pour la police du lien hypertexte du texte d'ancrage dans l'objet spécifié.
Je vais vous présenter à travers des exemples le réglage unifié et le réglage individuel de la couleur de police du texte d'ancrage du lien hypertexte en HTML.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html超链接字体颜色设置 在线演示 DIVCSS5</title>
<style>
a{ color:#00F}
a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */
/* css 注释说明：以上代码为设置html中超链接统一字体颜色 */
.div a{ color:#090}
.div a:hover{ color:#090}
/* css注释说明：以上代码为设置html中.div对象内超链接字体颜色 */
</style>
</head>
<body>
<p>测试内容我是统一设置的颜色蓝色<a href="http://www.divcss5.com">DIVCSS5</a></p>
<div class="div">我在div对象内，超链接颜色为<a href="#">我是超链接绿色</a></div>
</body>
</html>La couleur de police bleue du lien hypertexte est définie uniformément en HTML, tandis que la couleur de police verte est la couleur de police du lien hypertexte définie individuellement.
Comment obtenir la couleur de police précise requise pour le HTML
Pour obtenir des valeurs de couleur précises, utilisez généralement le logiciel Photoshop (ps). Le DIVCSS5 suivant vous apprend à utiliser PS pour obtenir la valeur de couleur d'une certaine police et à l'appliquer de manière flexible pour obtenir la valeur de couleur d'un certain arrière-plan, image ou bordure en obtenant la valeur de police.
Si nous voulons obtenir la valeur de couleur bleue spécifique de "CSS" dans l'image ci-dessus
Si nous voulons obtenir la valeur de couleur bleue spécifique de "CSS" dans l'image ci-dessus
1. Ouvrez PS cette image
ps ouvrez cette image pour obtenir la couleur
ps ouvrez cette image
2. Utilisez l'option "Sélectionner la couleur de premier plan" ou "Sélectionner l'arrière-plan" de l'outil PS "Couleur"
Ici, nous cliquons sur l'outil "Couleur de premier plan" dans la case rouge
Ici, nous cliquons sur l'outil "Couleur de premier plan" dans la case rouge
3. L'onglet "Sélectionner la couleur de premier plan" apparaîtra
Après la deuxième étape, l'onglet "Sélectionner la couleur de premier plan" apparaîtra. En même temps, le pointeur de la souris tournera dans une icône en forme de paille "Color Picker". À ce stade, cliquez sur la couleur que vous souhaitez obtenir. Il convient de mentionner que si l'image est petite et difficile à cliquer avec précision, vous pouvez l'agrandir en utilisant "ctrl+++". pour agrandir continuellement l’image.
Obtenez la valeur de couleur précise "0000FF"
Obtenez la valeur de couleur précise "0000FF"
4. Définissez la valeur de couleur obtenue en utilisant
couleur : # 0000FF
Conseils : Lorsque vous utilisez des valeurs de couleur, allez généralement directement sur PS pour copier les valeurs de couleur afin d'éviter les erreurs de saisie manuelle. En même temps, n'oubliez pas d'ajouter le signe « # » avant. la valeur de la couleur.
Lecture connexe :
Les balises HTML5 les plus complètes
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!