CSS Цвета
Цвета задаются с помощью предопределения названия цвета или значений RGB, HEX, HSL, RGBA, HSLA.
CSS Названия цвета
В CSS цвет может быть задан с помощью названия цвета:
CSS/HTML поддержка 140 стандартных названий цветов.
CSS Цвет фона
Вы можете установить цвет фона для HTML элементов:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Пример
<h1 style="background-color:DodgerBlue;">Привет Мир</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Попробуйте сами »
CSS Цвет текста
Вы можете установить цвет текста:
Привет Мир
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Пример
<h1 style="color:Tomato;">Привет Мир</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Попробуйте сами »
CSS Цвет границ
Вы можете установить цвет границ:
Привет Мир
Привет Мир
Привет Мир
Пример
<h1 style="border:2px
solid Tomato;">Привет
Мир</h1>
<h1 style="border:2px
solid DodgerBlue;">Привет
Мир</h1>
<h1 style="border:2px
solid Violet;">Привет
Мир</h1>
Попробуйте сами »
CSS Цвет значение
В CSS цвет также может быть задан с помощью значений RGB, шестнадцатеричных значений HEX, значений HSL, значений RGBA и значений HSLA:
То же самое, что и название цвета "Tomato":
То же самое, что и название цвета "Tomato", но на 50% прозрачный:
Пример
<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>
Попробуйте сами »