セル内のデータ表示位置

セル内のデータ表示位置

セル内の水平方向の位置は「text-align」プロパティ、垂直方向の位置は「vertical-align」プロパティで指定します。

1. 「table.html」を開き、名前をつけて保存からtextフォルダーに「table06.html」として保存します。
2. 「table01.css」を開き、名前をつけて保存からstyletフォルダーに「table06.css」として保存します。
3. 「table06.thml」に戻りhead要素内に「table06.css」を呼び込むlinkを設定します。
4. h1タグ内を「セル内のデータ表示位置」に書き換えます。
5. 表の部分を削除します。
6. 2行3列の表を挿入します。（1行目のセルは「th」にします。）
7. 各セルにセル項目を入力します。（1列目、2列目、3列目、center、default 、top）
8. 2行目1列目のtdにクラス「center」を、2行目3列目のtdにクラス「top」を設定します。
9. 「table06.css」にセルのサイズ及びセル内の位置を設定します。