Maison  >  Article  >  interface Web  >  Comment définir la couleur de la police CSS

Comment définir la couleur de la police CSS

coldplay.xixi
coldplay.xixioriginal
2021-04-16 15:09:057092parcourir

Comment définir la couleur de la police en CSS : 1. Utilisez "color:color" directement sur l'étiquette pour définir la couleur de la police ; 2. En ajoutant un attribut de classe à l'étiquette de la police, définissez la couleur de la police via le classe dans l'étiquette CSS.

Comment définir la couleur de la police CSS

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

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

Créez un nouveau fichier HTML et nommez-le test.html pour expliquer comment définir la couleur de la police en CSS.

Comment définir la couleur de la police CSS

Dans le fichier test.html, utilisez la balise font pour créer trois lignes de texte et utilisez différentes méthodes pour définir la couleur de la police.

Comment définir la couleur de la police CSS

Dans le fichier test.html, définissez la couleur de la police directement sur la balise font via l'attribut color. Par exemple, définissez la couleur de la police sur rouge.

Comment définir la couleur de la police CSS

Dans le fichier test.html, définissez l'attribut de classe de la balise font sur myclass, qui est principalement utilisé pour définir le style CSS via cette classe ci-dessous.

Comment définir la couleur de la police CSS

Dans le fichier test.html, définissez l'attribut id de la balise font sur myid, qui est principalement utilisé pour définir le style CSS via cet identifiant ci-dessous.

Comment définir la couleur de la police CSS

Dans la balise css, définissez le style avec le nom de classe myclass, par exemple, définissez l'attribut color sur blue (blue) ; par exemple, définissez L'attribut de couleur est rose.

Comment définir la couleur de la police CSS

Ouvrez le fichier test.html dans le navigateur pour voir l'effet.

Comment définir la couleur de la police 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!

Déclaration:
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
Article précédent:Comment js change le style CSSArticle suivant:Comment js change le style CSS