课程: HTML and CSS: Creating Navigation Bars

今天就学习课程吧！

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

Solution: Style a vertical nav bar

Solution: Style a vertical nav bar

课程: HTML and CSS: Creating Navigation Bars

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

Solution: Style a vertical nav bar

“

(upbeat music) - [Instructor] So how'd you do with that challenge? Hopefully you wound up with a solution that's kind of like mine. It's not responsive or anything. I'm going to cram it over here to the side so that we have a little bit more room here for the HTML and CSS for the moment, since you already know how this works. So here in the HTML, I set this up exactly as we've been looking at it for this entire course. We've got the starting nav element. We've got the UL, the unordered list. We have a series of list items, and those have links. Inside of the links, we have the Font Awesome icon code that we got off the Font Awesome website, and all of them have aria hidden equals true on all of those. So that is what I did for all of those. That's the only markup that I have here, but part of the key to the weird and wonderful rollovers that I have going on here happens to be that the Font Awesome icon is in its own tag. So we can set a different hover state for that tag versus the…

内容