Својство бацкгроунд-цолор у ЦСС примењује пуне боје као позадину на елементу. Ево примера:
html ( background-color: #82a43a; )Пример који се користи горе ( #82a43a) назива се хексадецимални код и то је један од неколико начина на које ЦСС мора да представља једну боју. Постоји неколико начина за проналажење правих хексадецималних кодова. Свако ко је користио алат за дизајн видео је бирач боја сличан овом:
Хекс кодови су један од начина за декларисање боје у ЦСС-у. Постоји и читава гомила имена која можете користити, на пример:
.page-wrap ( background: white; ) footer ( background: black; ) .almonds ( background: blanchedAlmond; )Ове боје нису врло флексибилне, али могу вам добро доћи у кратком року. Лакше их се памте од хексадецималних кодова, а има их на тоне.
Други начин проглашавања боје је употреба РГБ, РГБа, ХСЛ или ХСЛа:
#page-wrap ( background: rgba(0, 0, 0, 0.8); /* 80% Black */ ) .widget ( background: hsla(170, 50%, 45%, 1); )За разлику од хек кодова, ове вредности омогућавају транспарентност (алфа), што може бити изузетно корисно. Сазнајте више о РГБа или ХСЛа.
Демо
Погледајте боју позадине оловке од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.
Повезан
- позадина-прилог
- позадина-исечак
- позадинска слика
- позадина-порекло
- позадина-положај
- позадина-понављање
- величина позадине
Више ресурса
- ЦСС3 спец
- МДН
Подршка прегледача
Хек кодови и већина имена боја раде свуда. РГБа и ХСЛа имају своје скупове подршке за прегледаче: РГБа и ХСЛа.
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| Извођење радова | Извођење радова | Извођење радова | Извођење радова | Извођење радова | Извођење радова | Извођење радова |