フッタのレイアウトを作成

フッタのブロックにIDを指定し、高さを20ピクセル設定し、上部に点線の罫線を入れ、回り込みを解除して下部に配置します。

  1. 最終行にカーソルを置きます。
  2. 「スタイルシートエクスブレス」の「カーソルの位置」パネルを選択します。
  3. 2つある「div」のうち下の「div」右クリックし、「ルールの新規作成」をクリックします。
  4. 「ルールの作成」のダイアログで「ID」を選択し「footer」と入力し、「OK」ボタンをクリックします。
  5. 「スタイルの設定」のダイアログで、「レイアウト」タブを選択します。
  6. 「上方向」を選択し、「ボーダー」で「1ピクセル」「点線」「緑」を指定します。
  7. 「位置」タブを選択し、「高さ」を「20ピクセル」に、「属性」で「回り込みの解除」の「両方」を指定して「OK」ボタンをクリックします。

「ページ/ソース」タブをクリックし、下記のソースが追加されたことを確認します。

#footer{
border-top-width : 1px;
border-top-style : dotted;
border-top-color : green;
height : 20px;
clear : both;
}

結果