Comment changer la couleur du texte avec CSS-tutoriel CSS-php.cn

Comment changer la couleur du texte avec CSS

王林

Libérer： 2023-01-06 11:13:18

original

10776 Les gens l'ont consulté

La façon de changer la couleur du texte en CSS est de définir l'attribut de couleur, tel que [color:red;] ou [color:#00ff00;], ce qui signifie définir le texte sur rouge.

Comment changer la couleur du texte avec CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

Il est en fait très simple de changer la couleur du texte en CSS. Il vous suffit d'ajouter l'attribut Color, qui permet de spécifier la couleur du texte.

Nous pouvons définir la couleur des manières suivantes.

Nom de la couleur : le nom de la couleur, tel que rouge, bleu, marron, vert clair, etc., n'est pas sensible à la casse.

HEX : symboles hexadécimaux #RRGGBB et #RGB (par exemple #ff0000). "#" suivi de 6 ou 3 caractères hexadécimaux (0-9, A-F).

RVB, rouge-vert-bleu (RVB) : la valeur de couleur est spécifiée comme la couleur du code RVB. Le format de la fonction est rgb(R,G,B) et la valeur peut être 0 -. 255 sous forme d’entier ou de pourcentage.

Par exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
</style>
</head>

<body>
<h1>这是标题 1</h1>
<p>这是一个普通的段落。请注意,本文是红色的。页面中定义默认的文本颜色选择器。</p>
<p class="ex">这是一个类为"ex"的段落。这个文本是蓝色的。</p>
</body>
</html>

Copier après la connexion

Jetons un coup d'œil à l'effet de course :

Comment changer la couleur du texte avec CSS