仅更改HTML背景的颜色

时间:2014-01-22 03:06:51

标签: html css background background-color

我的身体宽1024像素。当我将CSS中的html标签的背景设置为颜色(例如,栗色)时,所有页面都变为栗色。

正常行为,但如何为身体设置一种颜色,为身体不使用的空间设置另一种颜色?

当我设置身体的背景时,只有我的第一个div被着色。

2 个答案:

答案 0 :(得分:0)

在CSS / HTML中,如果没有特别定义,每个元素都会从其父元素中接收许多属性。当谈到颜色时,除非你设置它的CSS属性,否则大多数元素将具有透明背景(或没有背景)。

因此,您需要相应地设置属性:

html {background-color:#000;}
body {background-color:#fff;}

希望这有帮助!

答案 1 :(得分:0)

只有你的第一个div被着色的原因是:html元素占用了文档中的所有可见空间,但body只占用了与其子元素一样多的空间。

修复:首先为正文设置固定的宽度和高度,然后在background-colorbody上使用html

body { background-color: white; } /* color for body */
html { background-color: maroon; } /* color for space not used by body */