html多个页面加载导航,html – 当前页面的导航栏高亮显示

我想知道如何添加在当前页面上的导航栏上添加高亮框的功能.你知道所以人们知道他们的页面.

这是导航栏的CSS：

/*TOP NAV BAR SECTION*/

*{margin: 0px;

padding: 0px;}

#nav_bar {background-color: #a22b2f;

Box-shadow: 0px 2px 10px;

height: 45px;

text-align: center;}

#nav_bar > ul > li {display: inline-block;}

#nav_bar ul > li > a {color: white;

display: block;

text-decoration: none;

font-weight: bold;

padding-left: 10px;

padding-right: 10px;

line-height: 45px;}

#nav_bar ul li ul {display: none;

list-style: none;

position: absolute;

background: #e2e2e2;

Box-shadow: 0px 2px 10px;

text-align: left;}

#nav_bar ul li a:hover {background: #8e262a;}

#nav_bar a:active {background: white;}

#nav_bar ul li:hover ul {display: block;}

#nav_bar ul li ul li a {color: #252525;

display: block;}

#nav_bar ul li ul li a:hover {background: #4485f5;

color: #fff;}

这是我的一个页面的HTML：

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！