将 html 正文分为两部分

Question

是否可以将我网站中的正文标记分成两部分。例如，背景颜色的前 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

不确定“分割”主体是什么意思，但这里是你如何做到 50 % 50% 背景