テーブルの背景の色を変更する方法がわかりません

Question

テーブルを作成するためにhtmlとcssを入力しました。
文字の背景になっているネズミ色の部分の色の変更がわかりません。
文字の色を変更するためのカラーのコードを変更することはできましたがねネズミ色の部分になっているカラーコードも見つけることができません。
どのように編集をすれば色の変更ができるでしょうか？

	<tr>
		<th scope="row" style="width: 147px;padding: 10px;font-weight: bold;vertical-align: top;color: #25c4db;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">建物</th>
		<td style="width: 349px;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">3階建</td>
	</tr>
	<tr>
		<th scope="row" style="width: 147px;padding: 10px;font-weight: bold;vertical-align: top;color: #25c4db;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">火葬炉</th>
		<td style="width: 349px;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">10基</td>
	</tr>
	<tr>
		<th scope="row" style="width: 147px;padding: 10px;font-weight: bold;vertical-align: top;color: #25c4db;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">休憩室</th>
		<td style="width: 349px;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">12室</td>
	</tr>
      <tr>
		<th scope="row" style="width: 147px;padding: 10px;font-weight: bold;vertical-align: top;color: #25c4db;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">式場</th>
		<td style="width: 349px;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">6室</td>
	</tr>
	<tr>
		<th scope="row" style="width: 147px;padding: 10px;font-weight: bold;vertical-align: top;color: #25c4db;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">控室</th>
		<td style="width: 349px;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">6室</td>
	</tr>
	<tr>
		<th scope="row" style="width: 147px;padding: 10px;font-weight: bold;vertical-align: top;color: #25c4db;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">コーヒーコーナー</th>
		<td style="width: 349px;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">1ヵ所</td>
	</tr>
        <tr>
		<th scope="row" style="width: 147px;padding: 10px;font-weight: bold;vertical-align: top;color: #25c4db;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">売店</th>
		<td style="width: 349px;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">3ヵ所</td>
	</tr>
</table>
コード

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。

[rina0366]

コードブロックで囲みました。
ご返答の程よろしくお願いします。

[kei344]

修正／編集ありがとうございます。

Answer 1

background-color - CSS | MDN

たぶん、灰色にしているスタイルはここには書かれていません。
リンクされてるスタイルシートを探して修正しましょう。style属性で修正するのはやめた方がいいです。

なんかCSSの入門書を読んだ方がいいと思いますよ。

Answer 2

文字の色は、<th>のstyle属性にcolor: #25c4db;を入れる事で変えたのかと思いますが、同じ部分にbackground:#eee;などを入れる事で変えられるかと思います。

そもそもの指定はCSSが別にあり、htmlのhead>styleにあるか、もしくはlinkタグで別途CSSが読み込まれているはずです。上記編集はインラインCSSの編集というものであり、別で指定されていてもインラインが優先されるため、ひとまず色は変えられるかと思います。

Lhankor_Mhyさんのいうとおり、インラインCSSを推奨はしません。