【问题标题】:Remove line under navigation text [closed]删除导航文本下的行[关闭]
【发布时间】:2016-03-08 23:54:16
【问题描述】:

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

上下文:

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

问题:

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

<h1>ignore this code  </h1>

https://jsfiddle.net/uatmt99g/

特别注意导航 div 和里面的所有内容。

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

Remove line under image in link

我尝试了以下方法,但可能没有正确实现:

使用 CSS 去除文字装饰,

使用 CSS 去除文本样式,

有什么帮助吗? 提前致谢

【问题讨论】:

  • 请在问题本身中包含重现您的问题的代码;不要发布不相关的代码,并请求忽略该代码,以绕过检查。如果链接被删除、删除、重新组织或该站点简单地崩溃,依赖外部站点会使您的问题变得毫无意义。请参阅“minimal reproducible example”和“How to Ask”指南,了解我们对问题的期望和要求,以及提出符合这些期望的好问题如何为您提供更好的答案。
  • 在使代码易于阅读时遇到问题,因为由于某种原因它在代码框中缺少 Div 标签。我今天才注册,这是我在这个网站上问过的第一个问题……我会在未来改进我的问题。很抱歉冒犯了任何人,因为它已经是-1票。谢谢

标签: html css navigation underline


【解决方案1】:

您正在使用链接 (&lt;a href = ""&gt;&lt;/a&gt;) 标签。要删除那些“下划线”,只需使用下面的 css

a {
   text-decoration: none;
}

【讨论】:

  • 太好了,你已经解决了我的问题。最好的部分是我学到了一些新东西 :) 非常感谢!
  • 永远欢迎。也请标记我们中的一个作为帮助他人的答案:)
【解决方案2】:

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

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

【讨论】:

  • 太好了,你已经解决了我的问题。最好的部分是我学到了一些新东西 :) 非常感谢!
【解决方案3】:

在 CSS 中的 nav 之后添加。

nav a{text-decoration: none;}

链接获得它们自己的属性。您必须使用 #mynewpattern a{} 格式声明

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-04-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多