0

我制作了一个简单的 HTML 页面，制作了一个 CSS 页面并链接了它；在 Dreamweaver 上它显示背景是黑色的，但是当我打开浏览器时，它显示为白色！

代码：

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; 
}
4

5 回答 5

5

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

#000或者#000000

编辑：

万一人们看到这个答案并停止进一步阅读，仍然想知道为什么它是白色的。就像其他人说的那样，如果没有内容，主体的高度将为零，因此背景不会出现。

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

于 2013-11-07T15:55:13.913 回答
3

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

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

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

它在 Dreamweaver 中运行但在您的浏览器中运行的原因可能是因为您的主体没有内容、填充或边距，因此它的高度为零，因此您不会看到任何背景。暂时height: 100px在你的声明中添加一些东西来body测试背景颜色（或者只是在正文中添加一些内容）。

于 2013-11-07T15:55:40.750 回答
1

这是一个小提琴，它显示了你在那里需要的东西

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/

于 2013-11-07T15:56:25.240 回答
0

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

这是代码，

html {
   background: #2b2b2b;
}

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

JSFIDDLE

于 2013-11-07T16:20:17.720 回答
-1

将背景颜色更改为#000，它将起作用:)

于 2013-11-07T15:55:23.150 回答