css - CSS 设置锚点图像源

Question

假设我有一个链接如下：

                <a class="addthis_button_facebook"></a>

是否可以在 css 中设置这个链接的 img 属性，所以最终看起来像：

<a class="addthis_button_facebook"><img src="twitter.png" /></a>

就像我试过的

一个 img { 背景颜色：黑色；}

但没有快乐

Answer 1

您是否要为锚点设置背景？

a.addthis_button_facebook { background:url('twitter.png') no-repeat; display:block; width:32px; height:32px; }

虽然公平... facebook 按钮应该使用 facebook 图标 ;)

Answer 2

嘿，您可以在锚标记中定义背景图像，并给左填充，并根据图像高度给出行高，如下所示。

CSS

.addthis_button_facebook{
    background:url('http://dummyimage.com/50/000/fff.jpg') no-repeat 0px 0px;
    padding-left:60px;
    display:inline-block;
    line-height:50px;
}​

HTML

<a class="addthis_button_facebook">Hello this is your link</a>​

现场演示http://jsfiddle.net/rohitazad/PQ4q2/

Answer 3

链接没有“img”属性。

如果您只是尝试使用图像作为链接，为什么不按照您在第二个块中使用它的方式进行操作，将img标签放在标签内a？

要使用 CSS 将图像设置为背景，您可以这样做

a.addthis_button_facebook {
    background-image:url('twitter.png');
}