HP作成講座
 
テーブル(表)を作成する
  7.3.セル内の余白と間隔を調整する
テーブルの中のセル(各ボックス)の余白や間隔を設定することでレイアウトを見やすくすることができます。実際にやってみましょう。
 
  作業前   作業後
 
  Hint
練習問題7.2.で保存したindex.htmlを開きます。
最新更新日付が入力されているテーブルの余白に5を設定します。
最新更新日付が入力されているテーブルを選択状態にするためには、点線状になっているボーダー(罫線)をクリックします。
「ごあいさつ」が入力されているテーブルの余白を0に、間隔も0に設定します。
「学校通信 バックナンバー」画像が入っているテーブルの余白を10に、間隔を2に設定します。
それぞれテーブルの余白や間隔が作業後のように変化していることを確認し、index.htmlを上書き保存します。
 
  Reference
09章04節 表を作成する 余白と間隔
前へ TOPへ 次へ