5 Вариантов создания фона для отдельных блоков с содержанием. Второй метод из отдельных колонтитулов и тела. Используется три фрагмента изображения.

Заголовок

Это решение из отдельных колонтитулов и тела. Имеет большую гибкость, потому что блок будет расширяться для размещения содержимого. Этот метод имеет больший HTML-код.
Кроме того, вы не сможете придать градиент фону.

Метод 1: Цельный фоновый рисунок
Метод 2: Заголовок, Тело и Подвал(Header, Body and Footer)
Метод 3: Заголовок и Тело(Header and Body)
Метод 4: Чистый CSS3(Pure CSS3)
Метод 5: Чистый CSS3(Pure CSS3 with Multi Background)