锚定标记（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

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

通常我有一个单独的CSS文件{text-decoration：none; }我不确定它是否会在你在那里的内联CSS中工作。

我的建议是，也许有单独的URL样式图片：

的img是{text-装饰：无}

Answer 3

STYLE = “文本修饰：无” 的工作！ 谢谢！ :)

Answer 4

说真的，伙计们？原因是你在开始时有一个未公开的<a> -tag。修复此问题，链接之间的下划线消失。