课程: HTML and CSS: Creating Navigation Bars

今天就学习课程吧！

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

Challenge: Style a horizontal nav bar

Challenge: Style a horizontal nav bar

课程: HTML and CSS: Creating Navigation Bars

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

Challenge: Style a horizontal nav bar

“

(upbeat music) - [Instructor] And with that, it's time for another challenge. In this challenge, we're revisiting the vertical nav bar that we made on our first challenge. I'd like you to reorient this nav bar so that it goes horizontally. Add the LinkedIn logo, and see if you can put it on the left side of the nav bar with the rest of the navigation on the right. You can get the LinkedIn logo from Font Awesome. Change the styling to make this look best in a horizontal format, and watch for links that move on hover. So remember, we have this working now. That's the way this is going to wind up working. I have those instructions I just gave you here inside of the JavaScript block for the challenge. And my solution looks like this. So you see I've got the LinkedIn logo over here on the left-hand side. You get that right out of Font Awesome. Over here on the right-hand side I have all of my links, and I happened to center the icon over top of the words. The icons are still a different…

内容