Разделить тело HTML на две части

Question

Можно ли разделить тег body на моем веб-сайте на две части. Например, первые 50% (в высоту) на цвет фона в белом, а остальные 50% в черном? Кто-нибудь знает, как я могу это сделать?

Спасибо

Answer 1

Если этого достаточно для работы с CSS3, то нужно сделать следующее:

body {
  background: #000 url(white.png) 0 100% repeat-x;
  -webkit-background-size: 0 50%;
  -moz-background-size: 0 50%;
  -o-background-size: 0 50%;
  background-size: 0 50%;
}

Или вам нужно (вертикально) достаточно большое изображение, затем:

body {
  background: #000 url(white.png) 0 50% repeat-x;
}

Answer 2

Не уверен, что вы имеете в виду «разделить» тело, но вот как вы могли бы сделать 50% 50% фона

Answer 3

Вы можете сделать два DIV для двух цветов и разместить над ними содержимое в третьем div.