[CSS3] background: RGBA

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2029
Поблагодарили: 62 раза

[CSS3] background: RGBA

Сообщение Slash » Чт апр 25, 2013 2:12 pm

В данном посте, попробую рассказать, для чего нужены и где использовать свойства CSS background: RGBA...
Свойство RGBA позволяет установить фоновый цвет с альфа-каналом - блок с полупрозрачным цветом. Цвет блока определяется первыми тремя цифрами (через запятую), цифровой код от 0 до 255, например так: 0, 0, 255 - значит, что блок будет синего цвета. Прозрачность определяется четвертой цифрой от 0 до 1, например так 0.5 - значит, что блок будет прозрачным на 50%.
Вот собственно пример CSS кода:

Код: Выделить всё

.danfa {
    display: block;
    font-size: 1.3em;
    background: rgba(0,0,0,0.5);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 100px;
    padding: 0 30px;

а вот вставка в HTML:

Код: Выделить всё

<div class="danfa">Текст</div>

В данном случаи свойства заданы 0,0,0,0.2 - блок черного цвета, с прозрачностью 50%.
Реклама

Вернуться в «HTML + CSS»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость