Question

我试图将一些链接放到页脚中，所以我决定开始使用带有svg图像的标签。但是我的图标下面有一些蓝线。我在网站上查了一下，发现你应该加上这个：

＆＃13;

.icon {
  width: 3%;
  height: 3%;
  text-decoration: none;
  outline: none;
}

＆＃13;

<ul>
        <li>
          <a href=" https://github.com/--/ ">
          <img src="images/github.svg " class="icon" >
        </a></li>
        <li><a href="https://www.linkedin.com/in/--/ ">
        <img src="images/linkedin-logo.svg " class="icon" >
      </a></li>
        <li><a href="files/--.pdf ">
        <img src="images/home.svg " class="icon" >
      </a></li>
      </ul>

＆＃13;

我不知道还有什么可以删除这些小线！有什么想法吗？

Here is a picture of what I am seeing.

Answer 1

默认情况下，链接有下划线。

您需要在链接上设置text-decoration: none，而不是在其中的图片上。

a { text-decoration: none; }

注意：全局删除链接标记并不是一个好主意。您可以编写一个更具体的选择器，仅针对图像链接。

hrefs中图像下的蓝线

1 个答案: