メインのレイアウトを作成

各レイアウトコンテナ(ブロック)をまとめるメインのレイアウトコンテナにIDを指定し、ブロックの幅を640ピクセルにし、中央揃えにして外枠に罫線を付けます。

  1. 1行目にカーソルを置きます。
  2. 「スタイルシートエクスブレス」の「カーソルの位置」パネルを選択します。
  3. 2つある「div」のうち上の「div」右クリックし、「ルールの新規作成」をクリックします。
  4. 「ルールの作成」のダイアログで「ID」を選択し「main」と入力し、「OK」ボタンをクリックします。
  5. 「スタイルの設定」のダイアログで、「レイアウト」タブを選択します。
  6. 「4方向とも同じ値」を選択し、「マージン」で「自動」を指定します。
  7. 「パディング」で「0」を指定します。
  8. 「ボーダー」で「幅」を「2ピクセル」、「スタイル」を「実線」、「色」を「みどり」に指定します。
  9. 「位置」タブで「幅」を「640ピクセル」、「高さ」を「自動」に指定して「OK」ボタンをクリックします。

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

#main{
padding : 0px;margin : auto;border : 2px solid green;
width : 640px;
height : auto;
}

結果