Maison > interface Web > tutoriel CSS > Comment définir la couleur de la police en utilisant CSS

Comment définir la couleur de la police en utilisant CSS

青灯夜游
Libérer: 2023-01-06 11:12:54
original
49162 Les gens l'ont consulté

Comment définir la couleur de la police en utilisant CSS : 1. Utilisez le code "style="color:color value"" directement dans la balise où se trouve le texte pour définir la couleur de la police ; 2. Utilisez l'identifiant ou la classe ; pour introduire un style de couleur de police CSS externe ou intégré pour définir la couleur de la police.

Comment définir la couleur de la police en utilisant CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

1. Définissez le style de couleur de la police CSS dans la balise

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" /></head> 
  <body>
  	<div>测试文本</div></body>
    <div style="color:red;">测试文本</div></body>
</html>
Copier après la connexion

Rendu :

Comment définir la couleur de la police en utilisant CSS

2. CSS externe définit la couleur de la police du texte HTML

Utilisez l'identifiant ou la classe pour introduire des styles de couleur de police CSS externes ou intégrés pour définir la couleur de la police HTML.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<style>
			.ex {
				color: pink;
			}
		</style>
	</head>

	<body>
        <div>测试文本</div>
	<div class="ex">测试文本</div>
	</body>

</html>
Copier après la connexion

Rendu :

Comment définir la couleur de la police en utilisant CSS

(Partage vidéo d'apprentissage : tutoriel vidéo CSS)

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