试图摆脱我图片下方烦人的蓝色小链接

debugcn 发表于 Dev

彼得·范齐尔

我试图在我的网站上摆脱这些（图标下方的蓝线）（我用 HTML 和 CSS 编码）我尝试了很多不同的东西，比如 text-decoration: none; 边界：无；（对于图像）似乎无法找到如何解决这个问题

这是我的 HTML 的样子：

.socialmediawidgets{
     text-align: left;
}

<div>
    <div class="socialmediawidgets">
    <a href="[full link to your Twitter]">
    <img title="Twitter" alt="Twitter"  src="https://socialmediawidgets.files.wordpress.com/2014/03/01_twitter.png" width="35" height="35" />
    </a>
    <a href="[full link to your Pinterest]">
    <img title="Pinterest" alt="Pinterest" src="https://socialmediawidgets.files.wordpress.com/2014/03/13_pinterest.png" width="35" height="35" />
     </a>
     <a href="[full link to your Facebook page]">
     <img title="Facebook" alt="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook.png" width="35" height="35" />
     </a>
     <a href="[full link to your LinkedIn]">
     <img title="LinkedIn" alt="LinkedIn" src="https://socialmediawidgets.files.wordpress.com/2014/03/07_linkedin.png" width="35" height="35" />
     </a>
     <a href="[full link to your Instagram]">
     <img title="Instagram" alt="RSS" src="https://socialmediawidgets.files.wordpress.com/2014/03/10_instagram.png" width="35" height="35" />
     </a>
     </div>
</div>

亚历杭德罗·特谢拉·穆尼奥斯

您应该添加text-decoration:noneCSS。检查文档

注意我创建了一个CSS 选择器“.socialmediawidgets a”

这样，受影响的链接，只有.socialmediawidgetsdiv 下的

.socialmediawidgets{
     text-align: left;
}

   .socialmediawidgets a {
    text-decoration:none;
  }

<div>
    <div class="socialmediawidgets">
    <a href="[full link to your Twitter]">
    <img title="Twitter" alt="Twitter"  src="https://socialmediawidgets.files.wordpress.com/2014/03/01_twitter.png" width="35" height="35" />
    </a>
    <a href="[full link to your Pinterest]">
    <img title="Pinterest" alt="Pinterest" src="https://socialmediawidgets.files.wordpress.com/2014/03/13_pinterest.png" width="35" height="35" />
     </a>
     <a href="[full link to your Facebook page]">
     <img title="Facebook" alt="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook.png" width="35" height="35" />
     </a>
     <a href="[full link to your LinkedIn]">
     <img title="LinkedIn" alt="LinkedIn" src="https://socialmediawidgets.files.wordpress.com/2014/03/07_linkedin.png" width="35" height="35" />
     </a>
     <a href="[full link to your Instagram]">
     <img title="Instagram" alt="RSS" src="https://socialmediawidgets.files.wordpress.com/2014/03/10_instagram.png" width="35" height="35" />
     </a>
     </div>
</div>`