CSS/Цвет: различия между версиями
Содержимое удалено Содержимое добавлено
Oleg4280 (обсуждение | вклад) Нет описания правки |
DannyS712 (обсуждение | вклад) м <source> -> <syntaxhighlight> (phab:T237267) |
||
Строка 5:
Например, правило CSS, которое устанавливает для всех элементов h1 белый текст на красном фоне:
<
h1 {
color: white;
background-color: red;
}
</syntaxhighlight>
Методы спецификации цветов:
Строка 90:
Цвет можно задавать в шестнадцатеричном виде. Например:
<
h1 {
color: #ffffff;
}
</syntaxhighlight>
Либо в сокращённой форме:
<
h1 {
color: #fff;
}
</syntaxhighlight>
Первые два символа, идущие после #, обозначают красный, следующие два — зелёный, и последние два — синий.
Строка 114:
числами от 0 до 255
<
h1 {
color: rgb(255, 255, 255);
}
</syntaxhighlight>
или в процентах (%)
<
h1 {
color: rgb(100%, 100%, 100%);
}
</syntaxhighlight>
Следующие три способа появились только в CSS3.
Строка 136:
Пример:
<
div {
background-color: rgba(0, 0, 0, 0.5);
}
</syntaxhighlight>
== HSL запись ==
Строка 148:
Пример:
<
div.red {
background-color: hsl(0, 100%, 50%);
Строка 158:
background-color: hsl(240, 100%, 50%);
}
</syntaxhighlight>
== HSLA запись ==
Строка 166:
Пример:
<
div.red {
background-color: hslа(0, 100%, 50%, 0.5);
}
</syntaxhighlight>
{{BookCat}}
|