пример
Установить цвет фона различных элементов:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство цвет фона устанавливает цвет фона элемента.
Фон элемента является общий размер элемента, включая отступы и границы (but not the margin) .
Tip: Используйте цвет фона и цвет текста , что делает текст легко читать.
Значение по умолчанию: | transparent |
---|---|
Наследование: | no |
Animatable: | yes. Read about animatable Try it |
Версия: | CSS1 |
Синтаксис JavaScript: | object .style.backgroundColor="#00FF00" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Имущество | |||||
---|---|---|---|---|---|
background-color | 1,0 | 4.0 | 1,0 | 1,0 | 3.5 |
CSS Синтаксис
background-color:color|transparent|initial|inherit;
Значения свойств
Стоимость | Описание | Сыграй |
---|---|---|
color | Определяет цвет фона. Посмотрите на CSS Цвет Значения для полного списка возможных значений цвета. | Сыграй " |
transparent | Указывает, что цвет фона должен быть прозрачным. Это по умолчанию | Сыграй " |
initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Еще примеры
пример
Установить цвет фона части текста:
span.highlight {
background-color: yellow;
}
Попробуй сам " Похожие страницы
Учебник CSS: CSS фона
HTML DOM ссылка: backgroundColor property