スタイルシートで画面区切る

設計イメージにしたがって分割していきます
方法はさまざまありますが、
今回は、divタグにclass属性を指定し、制御していきます
divタグで領域分割する場合は、幅と高さ指定して、背景色を入れるとやりやすいです
divのclassそれぞれにwidth,height,backgroundを指定です

こんな感じでほぼ設計イメージの通りに分割できました
ただ、menubarとmainのdiv間に隙間ができてしまいました
ちょっと雑な対応ですが、0ptの文字で空白なくしちゃってます
まあ、あとは見栄え良く整えていくだけです

TOPページへ