メインのレイアウトを作成
各レイアウトコンテナ(ブロック)をまとめるメインのレイアウトコンテナにIDを指定し、ブロックの幅を640ピクセルにし、中央揃えにして外枠に罫線を付けます。
- 1行目にカーソルを置きます。
- 「スタイルシートエクスブレス」の「カーソルの位置」パネルを選択します。
- 2つある「div」のうち上の「div」右クリックし、「ルールの新規作成」をクリックします。
- 「ルールの作成」のダイアログで「ID」を選択し「main」と入力し、「OK」ボタンをクリックします。
- 「スタイルの設定」のダイアログで、「レイアウト」タブを選択します。
- 「4方向とも同じ値」を選択し、「マージン」で「自動」を指定します。
- 「パディング」で「0」を指定します。
- 「ボーダー」で「幅」を「2ピクセル」、「スタイル」を「実線」、「色」を「みどり」に指定します。
- 「位置」タブで「幅」を「640ピクセル」、「高さ」を「自動」に指定して「OK」ボタンをクリックします。
「ページ/ソース」タブをクリックし、下記のソースが追加されたことを確認します。
#main{
padding : 0px;margin : auto;border : 2px solid green;
width : 640px;
height : auto;
}
結果