课程: HTML and CSS: Creating Navigation Bars
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Enlarging the clickable area of the link
- [Narrator] This is the current state of my navigation box here. I have this lovely hover state but the text color isn't changing until I roll my mouse over here. So we have this hover state that's on the LI, that's the yellow, and then we have a different hover state that's on the A, that is changing the color of the text. Nothing technically wrong with this but it is causing some issues, of course, this is probably not the behavior that we want and there's UI issues because as people roll over here, they're probably trying to click and then nothing will happen, and that will be very frustrating for them. So, let's see if we can fix this problem. Probably the first thing that comes to mind is this, here on my LI hover, we should add to this the text color, right? So we're going to say color of ff 58 3d, so that's going to totally work, right? Well there's the links, they work, and now if I roll over here on the right side it's still not working, why is that? Because the link colors…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
(已锁定)
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 秒
-
(已锁定)
-
-
-
-