Название

Меняем цвет фона элементов с помощью CSS. Свойство background.

Еще одно свойство CSS, которое нужно знать и уметь применять это свойство:

background

Оно отвечает за цвет или фоновое изображение для какого-либо элемента на веб-странице. Без этого свойства невозможно себе представить как бы выглядели веб-страницы. Практически каждый элемент на веб-странице имеет какой-либо фон.

В этой небольшой заметке я хочу продемонстрировать, как вы можете с помощью свойства background менять фон элементов на веб-странице.

Синтаксис для того, чтобы изменить цвет фона элемента довольно простой:

background: значение_цвета;

Значение цвета может задаваться любым способом, которые я описываю здесь.

Давайте рассмотрим пример, чтобы стало более понятно, как работает это свойство. Меняем цвет фона абзаца:

<p style="background:#ccc;">Абзац</p>

Меняем цвет фона для блока div:

<div style="background:#965;">Содержимое элемента div</div>

Свойство background может не только менять цвет фона элемента, но также задавать для него фоновое изображение. Давайте посмотрим, как это можно делать здесь.

Назад Далее