拆分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

您可以为这两种颜色制作两个DIV，并将内容放在第三个div中。

Answer 3

Not sure what you mean to 'split' the body but here is how you could do 50% 50% background