从链接中删除图像CSS

问题描述：

我们的设计师创造了这个CSS的链接从链接中删除图像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>

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

集'边界：0'图像'style' – diEcho 2011-06-01 15:16:30

大声笑，每个人都回答一样。 – Midas 2011-06-01 15:21:01

@midas：每个人都得到一个投票:)显然，我不是一个CSS的家伙。我做了几乎所有的桌面应用程序，所以都忘记了我的所有css.Thanks。 – twaldron 2011-06-01 15:24:01

答

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

更好地利用一般的CSS规则：

img { border:none }

答

 
a img { 
    border: 0; 
}

答

在img上使用border:none;。

a img{ 
    border:none; 
}

答

添加下面的规则你的CSS：

a img { 
    border: 0; 
}

我会鼓励你，或你的设计师，研究如何使用CSS Reset Stylesheets。

答

将此放在你的样式表：

a img {border:0px;}

答

边界是图像，而不是链接周围。

地址：

a img { 
border: none; 
}

答

尝试将此添加到您的CSS：

一个IMG { 边界：无; }

从链接中删除图像CSS

相关推荐