填充影响链接的背景颜色

Question

我在图像上有填充，填充影响图像链接，因为有一条黑线风格

    a:link{background-color:black}
    img{padding:20px}

Html

      <a href="Sample"><img src="blank"></a>

简单来说，图像中有一条黑线，我想去掉它。我没法去掉样式链接因为我用它来做其他链接

Answer 1

用transparent或none代替black

片段

.tran {
  background-color: transparent;
}
.none {
  background-color: none;
}
img {
  padding: 20px
}

<a href="#/" class='tran'>
  <img src="http://i.imgur.com/o1RbMvI.png">
</a>
<a href="#/" class='none'>
  <img src="http://i.imgur.com/o1RbMvI.png">
</a>

Answer 2

如果您想要一个链接的特定样式，但您不希望它影响其他链接或受其他链接的影响，我会为您想要拥有background-color: black;的链接设置一个特定的类，然后为您不希望受其影响的链接设置一个单独的类。Zer00ne对此提供了一个充分的答案。只需添加class="tran"或任何你想要命名他们到你的链接，你想要连接在一起，无论你在.tran{}中使用的风格，如他的回答所示。尝试将事物分组到类中，并使用这些类为CSS中更具体的元素设置样式。祝你好运!

:

        .black{background-color:black;}
         img{padding:20px;}

HTML:

    <p>
        <a href="Sample" class="not-black"><img src="blank"></a>
        <a href="Sample" class="black"><img src="blank"></a>
    </p>