Html 如何删除图片下方的链接（但保留文字）？

我有一个文本和图像的链接。我不希望图像下面有下划线，但我确实希望文本有下划线。在不将其分解为两个独立链接的情况下，是否仍有支持此功能的方法？下面是一幅示例图片：

---

您可以轻松地执行以下结构化操作：

<a><span>text</span><img /></a>

---

不，如果不将链接分成两部分，就无法实现这一点

另一种方法是将

border bottom:1px solid#000

放在包含文本的元素上，但是这不会像本机a元素那样，具有悬停、活动和访问状态-至少在没有javascript干预的情况下是这样

img {
  text-decoration: none;
}