カスタマイズ方法|背景色の指定

Loading

スポンサードリンク

各要素に 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; /* 文字を白に */
}

スポンサードリンク