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标记在第二个区块中的方式进行操作？< / p>

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

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

CSS设置锚点img源

3 个答案: