删除导航文字

时间:2016-03-08 23:54:17

标签: html css css3 navigation underline

TLDR:请帮我删除导航中文字的下划线。

上下文

我正在制作移动新闻应用程序。

问题:

我想删除导航文本的下划线。(主页,登录)

<h1>ignore this code  </h1>

https://jsfiddle.net/uatmt99g/

特别注意导航div和里面的一切。

我在研究问题时发现了类似的帖子(点击链接):

Remove line under image in link

我尝试过以下操作,但可能没有正确实现:

使用CSS删除文字装饰

使用CSS删除文本样式,

有任何帮助吗? 提前致谢

3 个答案:

答案 0 :(得分:0)

带有下划线的文本是链接,因此它们具有与链接相关的基本样式,包括文本下的一行。要删除它,您必须为text-decoration: none;指定a

https://jsfiddle.net/uatmt99g/1/

答案 1 :(得分:0)

您正在使用链接(<a href = ""></a>)标记。删除那些&#34;强调&#34;只需使用下面的CSS

a {
   text-decoration: none;
}

答案 2 :(得分:0)

在CSS中导航后添加。

导航{text-decoration:none;}

Links获取自己的属性。您必须使用#mynewpattern声明{}格式