スタイルシートで整形
課題 cellstyle.html
ファイル名は cellstyle.html 綴りに注意
次の表に似た表をスタイルシートだけで作りなさい。
もちろん、目次からのリンク、目次へ戻るリンクをつけてください。目次のリンクは「セルスタイル」という文字列にすること。
ヒント
- まず、tdに高さ、幅の指定をしている。
- 幅は%でもよいが、高さは em または px で指定する方が簡単。(高さを%指定するときは table タグに高さを指定する必要がある。)
- さらに背景色と枠線を指定している。
- ここまでが、「普通」のセルになっている。
- 特殊1〜3について、それぞれクラスを適当にきめる。
- そのクラスについて、背景色、枠線、文字色、配置などを指定している。
- 特殊2についてはpaddingで隙間を確保して配置している
ウェブページ(Sep.2008)
聖愛中学高等学校
http://www.seiai.ed.jp/
Aug.2005 改訂