Maison  >  Article  >  interface Web  >  La couleur est-elle un nouvel attribut en CSS3 ?

La couleur est-elle un nouvel attribut en CSS3 ?

WBOY
WBOYoriginal
2022-04-22 17:10:231784parcourir

color n'est pas un nouvel attribut en CSS3. L'attribut color est utilisé depuis CSS1. L'attribut color est utilisé pour spécifier la couleur du texte, vous pouvez utiliser des noms de couleurs, des caractères hexadécimaux, RVB (rouge, vert et bleu). Méthodes RGBA, HSL (Teinte, Saturation, Luminosité) et HSLA pour définir les couleurs.

La couleur est-elle un nouvel attribut en CSS3 ?

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

color n'est pas un nouvel attribut de CSS3

color n'est pas un nouvel attribut de CSS3

version color : CSS1 L'attribut

color spécifie la couleur du texte.

Cet attribut définit la couleur de premier plan d'un élément (dans la représentation HTML, la couleur du texte de l'élément n'est pas affectée par la couleur) ; Cette couleur s'applique également à toutes les bordures de l'élément, sauf si elle est remplacée par border-color ou une autre propriété border-color.

Pour définir la couleur de premier plan d'un élément, le plus simple est d'utiliser l'attribut color.

Les valeurs de couleur peuvent être définies des manières suivantes :

  • Nom de la couleur Les noms de couleurs, tels que rouge, bleu, marron, vert mer clair, etc., ne sont pas sensibles à 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).

  • RGB, rouge-vert-bleu (RGB) spécifie que la valeur de couleur est la couleur du code RVB, le format de la fonction est RVB (R, V, B) et la valeur peut être 0-255 Integer ou pourcentage.

  • RGBA, Rouge-Vert-Bleu-Alpha (RGBa) RGBa étend le mode de couleur RVB pour inclure un canal alpha, vous permettant de définir la transparence d'une couleur. a représente la transparence : 0=transparent ; 1=opaque.

  • HSL, teinte-saturation-légèreté (Teinte-saturation-luminosité) Hue (Teinte) représente un angle de la roue chromatique (c'est-à-dire un anneau représentant un arc-en-ciel).

La saturation et la luminosité sont exprimées en pourcentages.

100 % correspond à une saturation totale, tandis que 0 % correspond à une échelle de gris.

100 % de légèreté est blanche, 0 % de légèreté est noire et 50 % de légèreté est « normale ».

  • HSLA, Teinte-Saturation-Luminosité-Alpha (HSLa) HSLa s'étend du mode couleur HSL et comprend un canal alpha, qui peut spécifier la transparence d'une couleur. a représente la transparence : 0=transparent ; 1=opaque.

L'exemple est le suivant :

body {color: #92a8d1;}
body {color: rgb(255,0,51);}
body {color: rgba(255,0,0,0.7);}
body {color: hsl(120,100%,25%) ;}
body {color: hsla(240,100%,50%, 0.7);}

Le résultat de sortie est le suivant :

La couleur est-elle un nouvel attribut en CSS3 ?

La couleur est-elle un nouvel attribut en CSS3 ?

La couleur est-elle un nouvel attribut en CSS3 ?

La couleur est-elle un nouvel attribut en CSS3 ?

La couleur est-elle un nouvel attribut en CSS3 ?

(Partage de vidéos 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!

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