课程: HTML and CSS: Creating Navigation Bars

今天就学习课程吧！

今天就开通帐号，24,700 门业界名师课程任您挑！

Adding a second layer of horizontal navigation

Adding a second layer of horizontal navigation

课程: HTML and CSS: Creating Navigation Bars

开始一个月试用 购买团队方案

Adding a second layer of horizontal navigation

“

- [Instructor] The next thing I'd like to do is add a second level of navigation to this horizontal navbar. This is the same one we've been working on throughout the course. It has the hamburger button in addition to the desktop navigation bar. That is all working. We coded that in previous chapters. Now, what I'd like to do is add that second layer of navigation. And there's two ways we typically do this. One would be, we could add a dropdown menu. I'm going to cover that in the next video. Or we could add some kind of treatment, where if we go to the About link, we see a bar like this. We click on the About link. Once we're on the About page, we actually see that second layer of navigation, similar to what we just did with the vertical navigation bar. And that's what I want to demonstrate in this particular video. So let's start by going to the end state for the vertical navigation bar in the CodePen we just finished. And lines 4 to 11 here are that second level of navigation. I'm…

内容