« Couleurs CSS » : différence entre les versions

De knowledge
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
mAucun résumé des modifications
Ligne 1 : Ligne 1 :
=== Les couleurs de bases ===
=== Les couleurs de bases ===
<div style="padding: 5px;border: 2px solid black">
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">silver</div><div style="flex: 1; background-color: silver;"> </div></div>
red <span style="padding: 5px; background-color:red; margin-left:10px">&nbsp;</span>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">gray</div><div style="flex: 1; background-color: gray;"> </div></div>
green <span style="padding: 5px; background-color:green; margin-left:10px">&nbsp;</span>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">white</div><div style="flex: 1; background-color: white;"> </div></div>
blue <span style="padding: 5px; background-color:blue; margin-left:10px">&nbsp;</span>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">maroon</div><div style="flex: 1; background-color: maroon;"> </div></div>
</div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">red</div><div style="flex: 1; background-color: red;"> </div></div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">purple</div><div style="flex: 1; background-color: purple;"> </div></div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">fuchsia</div><div style="flex: 1; background-color: fuchsia;"> </div></div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">green</div><div style="flex: 1; background-color: green;"> </div></div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lime</div><div style="flex: 1; background-color: lime;"> </div></div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">olive</div><div style="flex: 1; background-color: olive;"> </div></div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">yellow</div><div style="flex: 1; background-color: yellow;"> </div></div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">navy</div><div style="flex: 1; background-color: navy;"> </div></div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">blue</div><div style="flex: 1; background-color: blue;"> </div></div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">teal</div><div style="flex: 1; background-color: teal;"> </div></div>
<div style="width: 200px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">aqua</div><div style="flex: 1; background-color: aqua;"> </div></div>
 


=== Les couleurs étendues ===
=== Les couleurs étendues ===

Version du 24 juin 2025 à 11:51

Les couleurs de bases

silver
gray
white
maroon
red
purple
fuchsia
green
lime
olive
yellow
navy
blue
teal
aqua


Les couleurs étendues

Récupérée de « https://knowledge.pinon-hebert.fr/index.php?title=Couleurs_CSS&oldid=1132 »