Couleurs CSS
Les couleurs sont spécifiées à l'aide de noms de couleurs prédéfinis ou de valeurs RVB, HEX, HSL, RGBA, HSLA.
Noms de couleur CSS
En CSS, une couleur peut être spécifiée en utilisant un nom de couleur prédéfini :
CSS/HTML prend en charge 140 noms de couleurs standard .
Couleur d'arrière-plan CSS
Vous pouvez définir la couleur d'arrière-plan des éléments HTML :
La douleur elle-même est l'amour C'est pourquoi c'est pour le moindre à venir, que notre pratique normale supporte pour profiter des conséquences
Exemple
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Couleur du texte CSS
Vous pouvez définir la couleur du texte :
Bonjour le monde
La douleur elle-même est l'amour
C'est pourquoi c'est pour le moindre à venir, que notre pratique normale supporte pour profiter des conséquences
Exemple
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Couleur de bordure CSS
Vous pouvez définir la couleur des bordures :
Bonjour le monde
Bonjour le monde
Bonjour le monde
Exemple
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
Valeurs de couleur CSS
Dans CSS, les couleurs peuvent également être spécifiées à l'aide de valeurs RVB, de valeurs HEX, de valeurs HSL, de valeurs RVBA et de valeurs HSLA :
Identique au nom de couleur "Tomate":
Identique au nom de couleur "Tomate", mais 50 % transparent :
Exemple
<h1 style="background-color:rgb(255,
99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9,
100%, 64%);">...</h1>
<h1 style="background-color:rgba(255,
99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9,
100%, 64%, 0.5);">...</h1>
En savoir plus sur les valeurs de couleur
Vous en apprendrez plus sur RVB , HEX et HSL dans les prochains chapitres.