如何让导航栏的字下面显示带颜色的横线，鼠标放上时突出显示（html知识）

Question

如题所述

Answer 1

导航栏下面横线可以通过css样式进行设置，属性为text-decorationg:underline;

上述的方式设置的效果中位子颜色和下划线的颜色是一样的，如果想实现文字和下划线的颜色不一样，可以采用如下方法进行调整。

<a href="javascript:;" style="color:#333;"><span style="color:#f00;">我是文字<span></a>

第3步中的文字嵌套在一个a链接中，实际下划线是使用的a链接的样式。

这样就可以到达两者颜色不一样的效果了。