読者です 読者をやめる 読者になる 読者になる

ウェブサイト学校の今日の授業。

今日は、メガドロップダウンメニューを学びました。

f:id:aki-blog:20160608204939p:plain

navを押すと内容が下に下がって中の記述が見えてくるやつです。

これってサイト上でよく使ってますよね!

stylesheetが少し複雑です。

f:id:aki-blog:20160608205710p:plain

こんな感じで、navの中でもul,li,aと指定していきます。。

f:id:aki-blog:20160608210159p:plain

transitionはhoverの時の動きを記述しています!

そのあとスクリプト指定していきます。

f:id:aki-blog:20160608210633p:plain

今回学んだのは、navをfloatではなくdisplay:flex;で横並びにできることです。

便利なので使ってみてくださいね!

 

学校の帰り道に

f:id:aki-blog:20160608171431j:plain

紫陽花咲いてました。(^_−)−☆

癒されます♪

f:id:aki-blog:20160608213617p:plain

明日は雨っぽいですが、紫陽花紫陽花見て、乗り切りましょう〜( ´ ▽ ` )ノ。