Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

CSS Справочники


CSS Свойства





background-color



Пример

Установите цвет фона для страницы:

body {background-color: coral;}
Попробуйте сами »

Определение background-color

CSS свойство background-color определяет цвет фона элемента.

Фон элемента - это общий размер элемента, включая отступы и границу (но не поле).

Совет: Используйте цвет фона и цвет текста, который облегчает чтение текста.

Показ демо ❯

Значение по умолчанию: transparent
Унаследовано: no
Анимируемый: yes. Читайте о animatable Попробуй
Версия: CSS1
JavaScript синтаксис: object.style.backgroundColor="#00FF00" Попробуй

Поддержка background-color

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.

Свойство
background-color 1.0 4.0 1.0 1.0 3.5


Синтаксис background-color

background-color: color|transparent|initial|inherit;

Значения background-color

Значение Описание Демонстрация
color Определяет цвет фона. Смотреть на цвет фона. Смотреть на CSS значения цвета для получения полного списка возможных значений цвета. Демо ❯
transparent Определяет, что цвет фона должен быть прозрачным. Это значение по умолчанию Демо ❯
initial Устанавливает для этого свойства значение по умолчанию. Читайте о initial
inherit Наследует это свойство от своего родительского элемента. Читайте о inherit

Примеры background-color

Пример

Укажите цвет фона со значением HEX:

body {background-color: #92a8d1;}
Попробуйте сами »
Пример

Укажите цвет фона со значением RGB:

body {background-color: rgb(201, 76, 76);}
Попробуйте сами »
Пример

Укажите цвет фона со значением RGBA:

body {background-color: rgba(201, 76, 76, 0.3);}
Попробуйте сами »
Пример

Укажите цвет фона со значением HSL:

body {background-color: hsl(89, 43%, 51%);}
Попробуйте сами »
Пример

Укажите цвет фона со значением HSLA:

body {background-color: hsla(89, 43%, 51%, 0.3);}
Попробуйте сами »
Пример

Установите цвета фона для различных элементов:

body {
  background-color: #fefbd8;
}

h1 {
  background-color: #80ced6;
}

div {
  background-color: #d5f4e6;
}

span {
  background-color: #f18973;
}
Попробуйте сами »

Страницы по теме background-color

CSS Учебник: CSS Background

HTML DOM справочник: backgroundColor свойство



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.