Question

我制作了一个简单的html页面，制作了一个css页面并将其链接起来，在Dreamweaver上它显示背景是黑色的，但当我把broswer放在它上面时显示为白色!!!!

代码：

HTML：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"       
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <link rel="stylesheet" type="text/css" href="home.css" />
 <link rel="stylesh eet" type="text/css" href="css/css.css" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
</head>

<body>

 </body>

 </html>

css代码：home.css

  @charset "utf-8";
  /* CSS Document */

   body {
margin: 0;
padding: 0;
background-color: #000000; 
  }

Answer 1

您的十六进制颜色不能有4位数字。它需要3或6。

#000或#000000

编辑：

如果人们看到这个答案并停止阅读，仍然想知道为什么它是白色的。像其他人一样，如果没有内容，身体的高度为零，因此背景不会显示。

虽然身体完全空虚的可能性很小..

Answer 2

将background-color更改为#000000或#000。

body {
    margin: 0;
    padding: 0;
    background-color: #000; 
}

为简洁起见，您可以将#000000或#FFFFFF或#777777等单位十六进制值缩写为3位数（#000，#FFF，{{1等等），但它不适用于任何其他数字。

可能它在Dreamweaver中工作的原因，但不是你的浏览器，因为你的身体没有内容，填充或边距，因此它的高度为零，你不会看到任何背景。暂时将#777或其他内容添加到您的height: 100px声明中以测试背景颜色（或者只是向正文中添加一些内容）。

Answer 3

这是一个小提琴，显示你需要的东西

http://jsfiddle.net/85svu/

#000000

您还需要在页面正文中添加内容

<body>
  <p> here is some content</p>
</body>

研究后的其他信息

我在Programmers.Stackexchange发布了一个问题，并找到了关于<html>和<body>标签CSS辩论的答案和链接。

以下是链接

http://www.w3.org/TR/CSS2/colors.html#background

http://www.sitepoint.com/styling-the-html-and-body-elements/

Answer 4

没有人提到的一件事，即使没有内容，将html更改为黑色背景也会使其变黑。

这是代码，

html {
   background: #2b2b2b;
}

然后，当您在页面上有内容时，您也可以将您的背景放在身体上。

JSFIDDLE

Answer 5

将背景颜色更改为＃000，它将起作用：）

颜色未在浏览器上显示，但在设计视图中显示

5 个答案: