Css 如何从包装在锚中的图像中删除下划线？

无论如何，我有个问题。我想这是一个小问题，但它困扰着我。我在我的博客上更新了我的锚的CSS，这样它们就有了一个边框。现在的问题是，我所有链接的图片都加了下划线，看起来是错误的

---

因此，我假设解决这个问题的唯一方法是对锚点内的所有图像应用CSS类，使它们具有

border:none。但是我不知道怎么做。有人愿意解释这是否可能吗？提前感谢。
下划线由CSS属性控制。因此，如果要关闭该选项：

a { text-decoration: none; }

试试这个：

<style type="text/css">
a img { text-decoration: none } // Images within 
</style>

a img { border:none; vertical-align:top; }

在jQuery中，可以使用将类添加到包含图像的所有链接中：

$('a:has(img)').addClass('image-link');

然后从CSS中的链接中删除边框：

a.image-link {
    border-bottom-style: none;
}

但它只有在启用JavaScript时才起作用。
尝试以下方法：

<style type="text/css">
a img { text-decoration: none } // Images within 
</style>

a img { border:none; vertical-align:top; }

它将下划线移动到图像的顶部和底部。
谢谢，我解决了问题，我只是把问题复杂化了：）