说我有一个链接如下:CSS设置锚IMG源
<a class="addthis_button_facebook"></a>
是否有可能在CSS中设置这个链接的IMG属性所以到底会是什么样子:
<a class="addthis_button_facebook"><img src="twitter.png" /></a>
像我试过
a img背景颜色:黑色; }
,但没有喜悦
说我有一个链接如下:CSS设置锚IMG源
<a class="addthis_button_facebook"></a>
是否有可能在CSS中设置这个链接的IMG属性所以到底会是什么样子:
<a class="addthis_button_facebook"><img src="twitter.png" /></a>
像我试过
a img背景颜色:黑色; }
,但没有喜悦
你们是不是要设置一个背景,你的锚?
a.addthis_button_facebook { background:url('twitter.png') no-repeat; display:block; width:32px; height:32px; }
虽然是公平的......一个Facebook按钮应该使用Facebook图标;)
有一个环节没有“IMG”属性。
如果您只是想使用图片作为链接,那么为什么不按照第二个块中的方式进行操作,a
标记中有img
标记?
要使用CSS设置图片为背景,你可以做
a.addthis_button_facebook {
background-image:url('twitter.png');
}
因为我正在寻找一种方法来查看CSS中的img源代码而不是标记 – StevieB 2012-04-11 03:35:02
嘿,你可以根据图像的高度,这样的锚标签定义背景图片,并给填充留下,并给线的高度。
的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>
罗,这是我试图在IMG设置为我的锚 – StevieB 2012-04-11 03:26:00
@StevieB刚才例子你试过以上? – 2012-04-11 03:26:29
我没有得到预期的结果图像显示很小,而手动设置img src它看起来正常大小 – StevieB 2012-04-11 03:28:48