如何设置二级导航字体颜色

如何设置二级导航字体颜色,第1张

设置二级导航字体颜色步骤如下:
1、引导做的导航栏HTML页必须加载bootstrapmincss,bootstrapmin。js代码才能实现导航的效果。下图是完整的代码及效果图。
2、改变导航背景颜色,设置为黑色。给导航标签设置背景颜色为黑色,代码为背景:#000>。
3、改变导航选中栏目颜色,如“首页“设置为背景为红色。改变类名积极为newactive,并设置其背景颜色为红色。
4、改变“菜单”下的二级栏目,鼠标放上去的颜色。设置类名为下拉菜单>。
5、改变点击“菜单”,d出二级栏目时的颜色。css代码是。navbar-defaultnavbar-nav>open>:焦点{颜色:黑色,背景颜色:红色。}>。
6、改变导航栏默认文字的颜色。设置类名navbar-default下面一个标签的文字颜色为白色,代码是。navbar-defaultnavbar-nav>li>{颜色:#fff。}。

结论:

不能直接修改CSS样式改变颜色,但可以通过<span></span>的背景图像来实现;

代码:

效果:

原理:

通过设置<li>下<span>的背景图像来实现小红圆点的效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13356481.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-20
下一篇 2023-07-20

发表评论

登录后才能评论

评论列表(0条)

保存