# Chapter4 演習問題1

### hair salon qwe

ワンランク上の
大人女子へ

- about
- news
- price
- style
- contact

## 問題１

ヘッダー内メニューを作成する

- div.rightブロック内にリストタグを追加しメニュー項目を作成
  作成するメニュー項目は「about」「news」「style」「price」「contact」の5項目
- 追加したメニュー項目にリンク（リンク先は"#"）を設定
- 追加したリンクにhoverを設定し、hover時にアンダーラインが表示されるようにする

## 問題２

ヘッダー内ハンバーガーメニューを作成する

- div.menuブロック内にあるspanタグに以下のようなスタイルを設定する
  幅：40px
  高さ：1px
  背景色：#777
  下余白：7px
- div.menuブロックhover時にカーソルの形が変わるようにする
  カーソルの形を変えるスタイルは、cursolプロパティを使う

## 問題３

ヘッダー内左上にロゴと店舗名を表示する

- div.leftブロック内にあるキャッチコピー「ワンランク上の大人女子へ」の上に、h3タグを追加し、ロゴ画像と店舗名「hair salon qwe」を表示。設定は以下のようにする
  ロゴ画像：logo.svg
  ロゴ画像サイズ：横30px
  店舗名文字サイズ：13px
  下余白：100px