改变div的超链接风格？

Question

#twitter{
    text-decoration: none;
}
.a:link,a:hover{
    text-decoration: none;

}

我试图从此图片链接中删除文字装饰。 但它不起作用。

echo '<a class="twitter" href="' . $twitterObj->getAuthorizationUrl() . '"><img src="img/darker.png"></a>';

Answer 1

使用此：

<img src="img/darker.png" border="0">

Answer 2

而不是#use。

.twitter{
    text-decoration: none;
}

Answer 3

我会使用正确的CSS声明

.a img
{
  border:0px;
}

Answer 4

添加此额外规则：

a:link img,a:hover img{
    border: 0px;
}

这会将无边框规则应用于链接下的任何img标记。我也认为这条规则也应该有效：

a img{
    border: 0px;
}

Answer 5

您的a:link之前有一段时间（您的文字编写如下：.a:link）。

Answer 6

更好地使用一些“CSS重置”，它会将大部分边距填充问题推广到普通浏览器。

同样在你的主要CSS中放置这样的东西

  

img {border：0}

然后您不必在所有图像标记中放置边框0.

Answer 7

你的css正在寻找一个id（＃），在HTML代码中你有一个类（。）。在第二个声明中，您有一个不应该存在的前一个点。所以包装一切......

a.twitter{
    text-decoration: none;
}

a.twitter img {
  border: none;
}