导航栏悬停定制效果

时间:2017-02-22 06:42:48

标签: html5 css3 twitter-bootstrap-3

我想创建一个导航栏,其对项目的悬停效果类似于http://mwitosacco.coop/上的项目。我可以使用哪种css样式来实现这一目标?

2 个答案:

答案 0 :(得分:0)

使用您自己的样式覆盖默认的Bootstrap样式,并使用浏览器检查器从其站点复制样式。

要覆盖Bootstrap样式,您需要确保样式的加载时间晚于默认样式,以便样式属性超过默认的Boostrap样式。

答案 1 :(得分:0)

你可以使用css实现它,基本样式将是:



ul>li>a:hover{
  border: 2px solid #2eb2ff;
}




使用导航栏html中的类名,并将它们分别放入ul,li,伪元素css