ヘッダのレイアウトを作成

ヘッダのブロックにIDを指定し、背景にを640×100ピクセルの画像を配置します。

  1. 1行目にカーソルを置きます。
  2. 「スタイルシートエクスブレス」の「カーソルの位置」パネルを選択します。
  3. 2つある「div」のうち下の「div」右クリックし、「ルールの新規作成」をクリックします。
  4. 「ルールの作成」のダイアログで「ID」を選択し「header」と入力し、「OK」ボタンをクリックします。
  5. 「スタイルの設定」のダイアログで、「色と背景」タブを選択します。
  6. 「参照」をクリックし、ヘッダの背景に使用する画像を指定します。
  7. 「位置」タブで「高さ」を「100ピクセル」指定して「OK」ボタンをクリックします。。

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

#header{
background : transparent url(header.jpg) repeat scroll 0% 0%;
height : 100px;
}

結果