📜  如何更改活动导航项的背景颜色?

📅  最后修改于: 2021-11-08 06:42:56             🧑  作者: Mango

给定一个包含项目列表的 HTML 文档,任务是在项目处于活动状态时更改项目列表的背景颜色。可以通过更改 background-color CSS 属性来更改项目列表的状态。

句法:

background-color: color | transparent; 

属性值:

  • color:它指定元素的背景颜色。
  • 透明:它指定背景颜色应该是透明的。

因此,可以通过更改 background-color CSS 属性以下列方式更改活动导航项的背景颜色。

句法 :

.navbar-nav > .active > a { 
    background-color: color ; 
}

例子:

html


  

    
  
    
        How to change the background 
        color of the active nav-item?
    

  

    
    
    
    
  
    
    
  
    

  


输出:

HTML 是网页的基础,用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。

CSS 是网页的基础,用于通过样式化网站和 Web 应用程序进行网页开发。您可以按照此 CSS 教程和 CSS 示例从头开始学习 CSS。

jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。