左の列の幅を15文字、中央と右の列は10文字にします。列に対してCSSを設定したい場合はtableタグの下に<col>タグを配置します。<col>タグには「span」属性(列数)と「class」属性を付加して列の特定をします。span属性を付けなければ左から順に1列分、付けた場合は属性値で指定した列数分を特定したことになります。tableタグ内を以下のように更新してください。<col>タグは文字を囲わない特殊なタグです。このようなタグを「空要素」といい、タグの終わりに半角スペースと「/」を付けます。下記のタグで「一番左の列は『hidari』、2列目と3列目は『sonota』というclass名を付けた」ことになります。CSSを使い、各classに書式の設定をしましょう。以下のようなCSSを追加します。「hidari」は幅を「15文字」、「sonota」は幅を「8文字」、背景色「#FFCCFF」にします。CSSを更新したらブラウジングします。*.hidari{width:15em;}*.sonota{width:8em;background-color:#FFCCFF;}今後も文字列を囲わないタグである「空要素」がいくつか出現する。空要素は半角スペースと「/」で終了する。col要素には「border~」「background~」「width」「visibility」のプロパティのみしか設定できないので注意。class属性が「sonota」である列の数値を右揃えにします。col要素には「text-align」プロパティを設定できません。揃えを指定するにはまずHTML側のtd要素にクラスを設定します。以下のようにtableに関するソースを修正してください。続けてCSS側に右揃えの設定をします。今回は右側に0.5字分の空間を作成します。修正後はブラウジングしましょう。その他の「\」付き<td>にもクラスを設定しましょう。【編集】[置換]を使うとすばやく設定可能です。class=”numb”>¥」に置き換えましょう。上書きしてプレビューしましょう。Reserved.広告ブロックブラウザーではコンテンツが表示できません。