锚标记之间出现不需要的下划线 (HTML)

Question

我正在使用 HTML 为我的网站开发锚标记。 当我在 jsfiddle 中预览我的代码时，我看到每个锚标记之间都有下划线。为什么会有下划线？我怎样才能删除它们？ 这是我的意思的图片。 这是我的代码的链接 https://jsfiddle.net/Ricardoberbor/1soma26o/

<a href="https://www.facebook.com/ricardo.berumenborrego" target="_blank"> <img src="https://s6.postimg.org/4ya8t5ce9/Facebook.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"><a href="https://www.linkedin.com/in/ricberbor3" target="_blank"> <img src="https://s6.postimg.org/u6zo0k6pt/Linkedin.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a><a href="https://www.behance.net/ricardoberbor" target="_blank"> <img src="https://s6.postimg.org/4hp16pon5/Behance.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a><a href="https://pinterest.com/ricardoberbor/" target="_blank"> <img src="https://s6.postimg.org/9o4rvhssh/Pinterest.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a><br><a href="https://www.jovoto.com/community/RicardoBerumen" target="_blank"> <img src="https://s6.postimg.org/3kn7bl2ip/Jovoto.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a><a href="https://www.bevisible.soy/users/10058" target="_blank"> <img src="https://s6.postimg.org/82kwpxt6p/Be_Visible.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a><a href="https://dribbble.com/ricardoberbor" target="_blank"> <img src="https://s6.postimg.org/xmn6wdekh/Dribbble.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a>

Answer 1

a { text-decoration: none}

checkout here

这将解决您的问题。

Answer 2

STYLE="text-decoration: none" 有效！ 谢谢！ :)

Answer 3

我认为可能是因为这些是 URL，它是通常与 URL 关联的下划线。要删除它，您通常必须使用 text-decoration:none;在你的 CSS 某处。

通常我有一个单独的 CSS 文件，其中包含 { text-decoration: none;我不确定它是否可以在你那里的内联 css 中工作。

我的建议是为图片设置单独的 URL 样式：

img a { text-decoration: none }

Answer 4

说真的，伙计们？原因是您一开始有一个未关闭的<a>-tag。修复它，链接之间的下划线就会消失。