html - 创建了悬停时扩展的图像链接水平列表。悬停时图像旁边出现线条，为什么？

Question

Live page , CSS Source , Page source

如果将鼠标悬停在 Twitter 图标上，您应该会看到图标右侧出现一条深蓝色线条，当您将鼠标移开时该线条会消失。除“捐赠”图标外，所有图标都会出现这种情况。我怀疑这是因为图标挡住了这条线的视线，尽管你的猜测和我的一样好。谁能告诉我为什么会出现这条神秘的线？我不知道它是如何到达那里的，因为我使用的是带有实时页面更新的编辑器，并认为这是一个小故障。

谢谢!

Answer 1

这应该适合你

a {
text-decoration: none;
}

默认情况下，文本装饰是 anchor 标记的下划线。