※ ChatGPTを利用し、要約された質問です（原文：背景色を入れたいのですがよろしくお願いいたします。）
背景色を変える方法
背景色を入れたいのですがよろしくお願いいたします。
<!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>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="author" content="xxxxxxxx" />
<meta name="keywords" content="xxxxxxxx" />
<title>xxxxxxxx </title>
<link ref="stylesheet" type="text/css"
href="cut.css" />
<style type="text/css">
body {margin: 0px 5em;
}
#container { width:800px;
margin-left:auto;
margin-right:auto;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-color:#000000;
}
#header {background-color:#ffffff;}←ここの色を黒に変えたいのですが変わりません。
どうすればいいのでしょうか？
h1 { margin-left:20px;
color:#ffffff;
font-size:1.25em;
padding-top:30px;}
ul {list-style-type:none;
margin-left:100px;
padding-left:0px;}
li {display:inline;
padding-right:20px;
font-size:1.0em;}
li a {text-decoration:none;
line-height:2.2
}
a { color:#000000}
a:hover {color:#990000; }
address a:hover {color:#990000;}
p { font-size:1.25em;
margin-left:50px;
color:#ffffff;}
.isu {text-align:right;
margin-right:2px;
}
.moji {font-size:2em;
line-height:200%;
}
.name { color:#ffff99;
text-align:right;
margin-right:50px;
margin-bottom:50px;
text-align:bottom;}
.champ {text-indent:1em;
font-size:2em;}
.midasi { color:#ffff99;
text-align:bottom;
margin-left:100px;
}
.coment { color:#000000;
text-align:left;
margin-left:150px;
line-height:2em;
width:600px;}
.http {font-size:0.9em;
color:#000000;
text-align:right;
margin-right:0px;
line-height:2em;
padding-right:30px;}
.denwa {color:#000000;
text-align:right;
line-height:2em;
padding-right:30px;}
hr {background-color:#000000;
height:2px;
width:250px;
align-right;}
.addless {text-align:right;
color:#000000;
padding-right:30px;}
</style>
</herd>
<body>
<div id="container">
<div id="header">←ここから
<h1>xxxxxxxx </h1>
<p class="isu"><img src="isuA.jpg" alt="xxxxxxxx" align="right" width="400px" height="250px" />
<br />
<p class="moji" >xxxxxxxx</p>
<p class="champ">xxxxxxxx</p>
<p class="midasi">xxxxxxxx</p>
<p class="name">xxxxxxxx</p>
<br /clear="all"></p>
<br />
</div>←ここまでの背景色を黒に変えたいのですが変わりません。
どうすればいいのでしょうか？
<br />
<br />
<p class="http">xxxxxxxx</p>
<p class="addless">xxxxxxxx</p>
<hr width="250" size="10" align="right">
<p class="denwa"> (黒電話) xxxxxxxx</p>
<ul>
<li><a href="top.html">トップページ</a></li>
<li><a href="profile.html">プロフィール</a></li>
<li><a href="staff.html">スタッフ</a></li>
<li><a href="ryoukin.html">メニュー・マップ</a></li>
<li><a href="mail.html">お客様メール</a></li>
</ul>
<br />
<br />
<p class="coment">xxxxxxxxxxxxxxxxxxxxxxxx</p>
<br />
<br />
<br />
<address>Copyright(C)<a href="mailto:saitou@gmail.com">Hair Salon Saitou</address>
</div>
</body>
</html>
