Как правило рабочая область сайта оформляется путем создания "обойного" фона, который повторяется на всем ее пространстве.

Недавно задался вопросом: как создать сайт, у которого фон рабочей области будет неоднородным? Например (простейший вариант): вверху и внизу - градиенты, в середине - однородная заливка. При этом контент свободно, непрерывно ложится и на градиент и на обои.

Как это оптимальней реализовать в HTML?