2016-03-08 55 views
0

TLDR:请帮助我删除导航文本的下划线。删除导航文本下的行

语境:

我想提出一个移动新闻应用程序。

问题:特别是在资产净值股利

我想在导航的文字删除下划线(首页,登录)

<h1>ignore this code </h1> 

https://jsfiddle.net/uatmt99g/

看和里面的一切。

类似的帖子,我发现,而研究的问题(点击链接):

Remove line under image in link

我曾尝试以下,但可能未正确实现它:

使用CSS来删除文本装饰,

使用CSS删除文本的样式,

任何帮助吗? 在此先感谢

+0

请包含代码以在问题本身中重现您的问题;不要发布不相关的代码,请求忽略该代码,绕过检查。如果链接被删除,删除,重新组织或该网站完全失败,依靠外部网站会使您的问题毫无意义。请参阅“[mcve]”和“[问]”的准则以了解我们对问题的期望和要求,以及如何问一个符合这些期望的好问题可以让您获得更好的答案。 –

+1

由于某些原因,代码框中缺少Div标签,导致代码易于阅读。我今天才报名参加,这是我在本网站上询问的第一个问题......我希望将来能够改进我的问题。对不起,因为它已经是-1票了。谢谢 –

回答

0

您使用的链接(<a href = ""></a>)标签。删除这些“下划线”只需使用下面的css

a { 
    text-decoration: none; 
} 
+0

太好了,你已经整理了我的问题。关于它的最佳部分是我学到了新东西:)非常感谢! –

+0

随时欢迎。也请标记我们其中的一个作为帮助别人的答案:) – TheQuestioner

0

带下划线的文本是链接,因此它们具有基本样式,并且包含文本下的一个链接。为了将其删除,您必须在您的a中指定text-decoration: none;

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

+0

太好了,你已经整理了我的问题。关于它的最好的部分是我学到了新东西:)非常感谢! –

0

在CSS中导航后添加。

nav a {text-decoration:none;}

链接获取自己的属性。你必须用#mynewpattern声明{}格式