Comment changer la couleur de la police div avec CSS

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

Comment changer la couleur de la police d'un div en utilisant CSS : créez d'abord un exemple de fichier HTML ; puis créez un div et écrivez le texte de test dans le div, puis définissez le texte dans le div via l'attribut color dans ; la couleur de la balise CSS.

Comment changer la couleur de la police div avec CSS

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

Créez un nouveau fichier html et nommez-le test.html pour expliquer comment changer la couleur de la police en css+div.

Comment changer la couleur de la police div avec CSS

Dans le fichier test.html, créez un div et écrivez le texte du test dans le div.

Comment changer la couleur de la police div avec CSS

Dans le fichier test.html, définissez l'attribut du div sur dd, qui est principalement utilisé pour styliser le div en utilisant le CSS ci-dessous. [Recommandé : Tutoriel vidéo CSS]

Comment changer la couleur de la police div avec CSS

Définissez la couleur du texte dans le div dans la balise CSS. Par exemple, ci-dessous, nous définissons le style du div avec le nom de classe dd, définissons la taille de la police sur 30 px et la couleur de la police sur rouge.

Comment changer la couleur de la police div avec CSS

Ouvrez le fichier test.html dans le navigateur et vérifiez que le texte du div a été changé en rouge.

Comment changer la couleur de la police div avec CSS

En plus d'utiliser le rouge chinois pour définir la couleur de la police, vous pouvez également utiliser des valeurs hexadécimales pour représenter les couleurs. Par exemple, le rouge peut utiliser " #F00".

Comment changer la couleur de la police div avec CSS

En plus des deux méthodes ci-dessus, vous pouvez également utiliser les valeurs de couleur RVB pour modifier la couleur du texte. Par exemple, le rouge peut être utilisé. paramètres RVB (255,0, 0).

Comment changer la couleur de la police div avec 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:
css
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