各要素に background-color: 色; を追加して下さい。背景色に応じて文字色 color: 色; を指定。
body {
font-size: 0.85em;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
padding: 0;
margin: 0;
}
/*----------下記が変更後のソース*/
body {
font-size: 0.85em;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
padding: 0;
margin: 0;
background-color: #000000; ----- 背景を黒に
}
/* ---------------------------------------- レイアウトに関する指定 */
#wrapper {
text-align: left;
margin: 1em auto 0;
width: 800px;
background-color: #ffffff; /* ここで白にもどしています */
}
--------------------------------------------------------------------
#headerのみ
--------------------------------------------------------------------
body {
font-size: 0.85em;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
padding: 0;
margin: 0;
}
/* #headerのみ */
body {
font-size: 0.85em;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
padding: 0;
margin: 0;
}
/* ---------------------------------------- レイアウトに関する指定 */
#wrapper {
text-align: left;
margin: 1em auto 0;
width: 800px;
}
#header {
padding: 20px 20px 10px;
background-color: #000000; /* 背景を黒に */
color: #ffffff; /* 文字を白に */
}