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

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

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

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

stylesheetが少し複雑です。

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

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

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

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

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

学校の帰り道に

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

癒されます♪

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