Question

我们的设计师为链接创建了这个css

A
{
   text-decoration: underline;
    color: #E77C15;
}

A:link
{
    text-decoration: underline;
    color: #E77C15;
}

A:visited
{
    text-decoration: underline;
    color: #E77C15;
}

A:hover
{
    text-decoration: underline;
    color: #039;
}

A:active
{
    text-decoration: underline;
    color: #E77C15;
}

我需要一个没有边框的图片链接。现在它有一个颜色与它周围的CSS的边界。

我试过了

   <a href='myurl' style="border-style:none; text-decoration:none" >
         <img src="myimage.png" style="width: 20px; height: 20px" alt="Remove" title="Remove" />
   </a>

但边界仍然显示。如何删除此链接图像周围的边框。谢谢！

Answer 1

您应该将CSS添加到<img>，而不是<a>。

更好地使用常规CSS规则：

img { border:none }

Answer 2

a img {
   border: 0;
}

Answer 3

在border:none;上使用img。

a img{
    border:none;
}

Answer 4

将以下规则添加到CSS中：

a img {
  border: 0;
}

我鼓励您或您的设计师使用CSS Reset Stylesheets进行调查。

Answer 5

将其放在样式表中：

a img {border:0px;}

Answer 6

边框位于图像周围，而不是链接。

添加：

a img {
 border: none;
}

Answer 7

尝试将此添加到您的CSS：

img { 边界：无; }

从链接图像中删除css

7 个答案: