CSSファイルでウェブページの背景色を黒（＃000000）に設定すると、ウェブブラウザで白く表示されますが、これはなぜですか？

Question

body { 
background-color: #000000 
text-align:center; 
} 
#main { 
    width: 1000; 
    height: 600px; 
    background-color: #f1c83e; 
} 

CSSコードで背景色を黒に設定すると、ブラウザで背景が白く表示されるのはなぜですか？

Answer 1

それはbackground-color: #000000;あるようにあなたがbackground-color: #000000の末尾にセミコロンを追加する場合は、あなたのコードは正常に動作します。ここで

はあなたのコードのバイオリンです：

https://jsfiddle.net/81rfa9bu/

body { 
 
    background-color: #000000; 
 
    text-align: center; 
 
} 
 

 
#main { 
 
    width: 1000; 
 
    height: 600px; 
 
    background-color: #f1c83e; 
 
}

<div class="body"> 
 
    <div id="main"> 
 
    Hi 
 
    </div> 
 
</div>

Answer 2

バックグラウンドカラープロパティの最後にセミコロンを追加できますか？

background-color: #000000; 

Answer 3

あなたが置く忘れてしまいました。ラインの最後に

background-color: #000000;