HP作成講座
 
テーブル(表)を作成する
  7.5.セルの色とボーダーの色を設定する
テーブルはテーブル全体の背景、セルごとの背景、ボーダーとそれぞれに色指定することができます。作業後のテーブルのようになるようにテーブルの各部分を色づけしてみましょう。
 
  作業前   作業後
 
  Hint
練習問題7.4.で保存したindex.htmlを開きます。
「最終更新日付」の入っているセルの背景色を[#666666]に設定します。
「学校通信 バックナンバー」の画像(bn.gif)を前節で追加・結合したセルにドラッグ&ドロップして配置しなおします。
「学校通信バックナンバー」の画像の入ったセルと「○月号」と入ったセルの背景色を[#3EBEE4]に設定します。
各月の内容の入ったセルの背景色を[#FFFFFF]に設定します。
「学校通信バックナンバー」のテーブルのボーダー色を[#666666]に設定しましす。
各テーブルのセル、ボーダーの色が設定されていることを確認し、index.htmlを上書き保存します。
 
  Reference
09章06節 表を作成する セルの色ボーダーの色
07章02節 文字を装飾する 文字の色を設定する
前へ TOPへ 次へ