※ ChatGPTを利用し、要約された質問です(原文:テーブルの料金表の複雑な記述方法)
テーブルの料金表の複雑な記述方法
このQ&Aのポイント
テーブルの料金表の記述方法についてわかりにくいので、簡単な方法を教えてください。
料金表のセルを横方向に色を変えたい場合、どのように記述すればよいのでしょうか?
サービス内容と料金のセルの色を同じに変更したい場合、どのような設定が必要でしょうか?
練習でメニュー表作成をしているのですが、ややこしくてわかりません。。
やりたいことは、サービス内容と料金、ストレート、パーマ、トリートメントの色を同じに変更したいです。
ストレート、パーマ、トリートメントのところは右サイドの大人のところも料金も含めて色を変更したいです。
値段のところにclassを設定したから、縦には全部色を変えれるのですが、横にとなるとわかりません。
どのように記述すればよいでしょうか?
<table width="558" style="position: relative; top: -506px; left: 240px;">
<thead>
<tr>
<th rowspan="2" colspan="2">
サービス内容
</th>
<th width="99" height="29" colspan="3">
料金
</th>
</tr>
</thead>
<tbody>
<tr>
</tr>
<tr>
<th width="165" rowspan="3">
カット
</th>
<td class="white" width="270">
大人(一般)
</td>
<td class="price">
\4,200
</td>
</tr>
<tr>
<td class="white">
中学・高校生
</td>
<td class="price">
\3,000
</td>
</tr>
<tr>
<td class="white">
小学生以下
</td>
<td class="price">
\2,500
</td>
</tr>
<tr>
<th>
ストレート
</th>
<td class="white">
縮毛矯正(カット・ブロー込)
</td>
<td class="price">
\8,600
</td>
</tr>
<tr>
<th>
パーマ
</th>
<td class="white">
カット・ブロー込
</td>
<td class="price">
\5,200
</td>
</tr>
<tr>
<th>
カラー
</th>
<td class="white">
ファッションカラー
</td>
<td class="price">
\4,500
</td>
</tr>
<tr>
<th rowspan="2">
トリートメント
</th>
<td class="white">
スペシャルプラチナ
</td>
<td class="price">
\2,300
</td>
</tr>
<tr>
<td class="white">
スペシャルイオン
</td>
<td class="price">
\4,100
</td>
</tr>
</tbody>
</table>
補足
クラス whiteは大人のところの列を変えたんです。 <tr style="background-color:#99cc00"><th> ストレート </th> <td class="white"> 縮毛矯正(カット・ブロー込) </td> <td class="price"> \8,600 </td> </tr> これでやっても行の色が変わらないんですがなぜでしょうか?