课程: HTML and CSS: Creating Navigation Bars
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Creating space in your nav bar
- [Instructor] For the first few videos in this course, I focused on some very generic sort of styling that you can apply to either horizontal or vertical navigational bars. At this point in time, I'm going to go down the path of styling of vertical navbar as we start to talk about spacing and so forth, but keep in mind that the techniques that I'm going to demonstrate here inside of this chapter as we create a vertical navigation bar, a lot of these techniques can be applied to horizontal navigational bars as well, which I'll talk about in the next chapter. So right now I've got some lovely hot blue links here, they've got a lovely orange hover state. The next thing I might want to do is turn these into a panel of links, a bunch of links inside of a box. Sometimes they have a title associated with them. Often you'll see them on blogs, for example, some related links within an article or within the website or other blog posts you might want to see. This type of style could be used as…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
(已锁定)
Creating space in your nav bar6 分钟 27 秒
-
(已锁定)
Enlarging the clickable area of the link4 分钟 28 秒
-
(已锁定)
Indicating "you are here" in the navigation4 分钟 7 秒
-
(已锁定)
Adding an icon to the link in an accessible way7 分钟 24 秒
-
(已锁定)
Using background images in links for styling4 分钟 6 秒
-
(已锁定)
Challenge: Style a vertical nav bar2 分钟 5 秒
-
(已锁定)
Solution: Style a vertical nav bar3 分钟 20 秒
-
(已锁定)
-
-
-
-