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

16 進数の色を 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のような 1 桁の 16 進数値は、簡潔にするために 3 桁 ( 、 など) に短縮できますが、それ#FFFFFF以外の桁数では機能しません。#777777#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

誰も言及していないことの 1 つはhtml、黒の背景に変更すると、コンテンツがなくても黒になります。

ここにコードがあります、

html {
   background: #2b2b2b;
}

次に、ページにコンテンツがある場合に備えて、本文にも背景を含めることができます。

JSFIDDLE

于 2013-11-07T16:20:17.720 に答える
-1

背景色を #000 に変更すると機能します:)

于 2013-11-07T15:55:23.150 に答える