Maison > interface Web > tutoriel HTML > Comment changer la couleur de la police dans le tableau en HTML

Comment changer la couleur de la police dans le tableau en HTML

藏色散人
Libérer: 2023-01-03 09:31:31
original
25855 Les gens l'ont consulté

Comment changer la couleur de la police du tableau en HTML : ouvrez d'abord le fichier HTML correspondant ; puis recherchez le code du tableau et enfin modifiez la couleur en définissant le "table.red {color:#FF0000 ; }" attribut.

Comment changer la couleur de la police dans le tableau en HTML

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3

Pour définir la couleur de la police dans le html, définissez d'abord le nom de la classe de la balise td, puis ajoutez le code dans la feuille de style CSS. L'exemple est le suivant :

<table width="80%" border="1">
<tr>
<td class="red">显示红色</td>
<td class="yellow">显示蓝色</td>
<td class="green">显示绿色</td>
</tr>
</table>
Copier après la connexion

La feuille de style est la suivante :

<style type="text/css">
table .red {color:#FF0000}
table .yellow {color:#0000FF}
table .green {color:#0000FF}
</style>
Copier après la connexion

Le. L'effet est le suivant :

Comment changer la couleur de la police dans le tableau en HTML

Une autre méthode consiste à intégrer le style directement dans la balise actuelle, qui s'écrit comme suit :

<table width="60%" border="1">
<tr>
<td style="color:#FF0000">显示红色</td>
<td style="color:#0000FF">显示蓝色</td>
<td style="color:#00FF00">显示绿色</td>
</tr>
</table>
Copier après la connexion

Apprentissage recommandé : " Tutoriel vidéo 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: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