课程: HTML and CSS: Creating Navigation Bars

今天就学习课程吧！

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

Centering and styling a horizontal navigation bar

Centering and styling a horizontal navigation bar

课程: HTML and CSS: Creating Navigation Bars

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

Centering and styling a horizontal navigation bar

“

- [Instructor] All right, navigation bar is looking good. So far we have, just as I explained previously, we have made our navigation bar go horizontally with FlexBox. We set up our large clickable area by making our nav a display block and putting a bit of padding on that to keep the text away from the edges of our navigation items so we have a nice large clickable area, but now we need to put back in some of the styling that we developed previously. And so what I'd like to do is pull over once again, some of the styling from my vertical navigation and apply it in the horizontal context here. So I'm going to start by going to the code pen here I have opened in another tab this is 02-05 end and all of the links to these code pens are inside of your exercise files folder. So I am going to copy all of these styles and then we can sort of get rid of them in the other code pen. So I'm going to copy the entire style sheet and I'm going to drop it in here, just like that. And we'll see some…

内容