Question

我在html中有以下代码：

<div id="header">
    <div id="logo"></div>
        <div id="versione">
            <a class="ui-widget-content ui-corner-all countryVersion" href="blank.html">Versione italiana<img src="ita.png" /></a>                  
            <a class="ui-widget-content ui-corner-all countryVersion">Deutsche Version<img src="ger.png" /></a>
            <a class="ui-widget-content ui-corner-all countryVersion">English version<img src="eng.png" /></a>
        </div>
    </div>
</div>

和以下CSS：

.countryVersion:first-letter { font-weight : bold; font-size:1.2em;}

.countryVersion{
float:right;
margin : 1px 3px 0;
padding: 4px;
font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
font-size:0.9em;
text-decoration : none;

}

.countryVersion img {
float : right;
margin : 1px 3px 0;

}

似乎一切都好，但我的图像周围有一种令人不安的“白色边框”。我不知道为什么，但即使我不确定，我认为它与锚相关。

请帮帮我

的Alessandro

Answer 1

试试这个css：

a img{
  border:none;
}

Answer 2

正如Sarfraz指出的那样，尝试设置图像边框。我不认为您需要在CSS中使用其他条目，您应该能够将其添加到现有标签中：

 .countryVersion img {
    float : right;
    margin : 1px 3px 0;
    border: none;

}

在IMG上奇怪的边界（对我来说！）

2 个答案: