Html 如何使图像超链接具有背景图像？

我希望所有的.jpg链接都有一个特定的背景图像。因此，像“”这样的页面上的链接将自动以小图标作为前缀。实际上，所有指向图像的链接，即.gif.png，以及具有相同图标的链接。如果链接指向一个网站，即.htm/.php/.html/.asp，它应该有一个不同的图像。我希望它是通过CSS类。谢谢你的帮助。TIA

您可以使用CSS选择器+背景URL属性来完成此操作。例如，要在锚定标记中包含带有所有IMG标记的图标，请执行以下操作：

A IMG { background: url("/icon.png") no-repeat scroll; }

---

我认为这应该行得通，不过它使用的是CSS3属性选择器，因此浏览器实现差异很大：

a[href$='png'],
a[href$='gif'] {/* styles */}

它基本上是选择所有链接，这些链接的

href

属性以文件类型扩展名“png”或“gif”（显然，其他文件类型也是同样可能的）结尾

参考，更多详情请访问：

---

编辑：

因此，如果我只想为youtube链接制作一个特殊的BG图像，我会使用

a[href$='youtube']{/*style*/}

不，如果您只想要YouTube链接，您可以使用：

a[href*=youtube] { /* css */ }

a[href^=http://www.youtube.com] { /* css */ }

*=

相当于“contains”，不过您可以使用：

a[href*=youtube] { /* css */ }

a[href^=http://www.youtube.com] { /* css */ }

---

我想他指的是所有链接到图片的链接，而不是所有包含图片的链接（但我以前错过，所以你可能是对的）。谢谢你的回复。是的，事实上我想要所有链接到图像的链接，而这段代码a[href$='gif']{/*styles/}工作得非常好。我以前见过，但语法错误，不起作用。因此，如果我只想为youtube链接制作一个特殊的BG图像，我会使用

a[href$='youtube']{/styles*/}

谢谢ricebowl，我跟随了你的参考资料，并在a[href^={color:red；}上翻了一番和你们上面的例子一样。非常感谢你们的帮助，我只需要知道该找什么。你们教我如何钓鱼！这很值得