如何去除图片下方的虚线？

【问题标题】：How do I remove the dotted line under the image?如何去除图片下方的虚线？
【发布时间】：2015-08-04 16:03:02
【问题描述】：

我真的不知道为什么会出现这条线。我没有在 HTML 中做任何奇怪的事情。我唯一做的就是在链接中放一个 img，这样我就可以将 img 用作链接/按钮。出于某种原因，图片下方的这些线条（如下图所示）非常令人不快，所以请看。如何删除它？

有什么建议吗？

【问题讨论】：

【解决方案1】：

我假设，正如你所说 - 它是链接的默认下划线。

所以

a{text-decoration:none;}

应该做的伎俩

如果这没有帮助，那么代码示例和/或项目的小提琴将有助于调试

【讨论】：

这是我目前使用的代码。我对此很陌生，所以我不太确定我是否做错了什么。 <div class="container"> <div class="row"> <div class="3u"> <a href="#"><img src="images/CLUB1.jpg" class="img-responsive" style='width:100%;'></a> </div> </div> </div> 抱歉，我不知道如何格式化代码。但这就是我正在使用的。你提供给我的 CSS 不起作用。
请在 codepen.io 或 jsfiddle 提供一个示例。还告诉我你使用的是哪个浏览器:)