Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS设置锚定img源_Css - Fatal编程技术网

CSS设置锚定img源

CSS设置锚定img源,css,Css,假设我有一个链接,如下所示: <a class="addthis_button_facebook"></a> 在css中是否可以设置此链接的img属性,以便最终看起来像: <a class="addthis_button_facebook"><img src="twitter.png" /></a> 就像我试过的 img{ 背景色:黑色; } 但是没有欢乐你是想给你的主播设定一个背景吗 a.a

假设我有一个链接,如下所示:

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

在css中是否可以设置此链接的img属性,以便最终看起来像:

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

就像我试过的

img{ 背景色:黑色; }


但是没有欢乐

你是想给你的主播设定一个背景吗

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

虽然公平地说。。。facebook按钮应使用facebook图标;)

您是否正在尝试为您的锚设置背景

a.addthis_button_facebook { background:url('twitter.png') no-repeat; display:block; width:32px; height:32px; }
虽然公平地说。。。facebook按钮应使用facebook图标;)

链接没有“img”属性

如果您只是尝试使用图像作为链接,为什么不按照第二个块中的方式使用图像,将
img
标记放在
a
标记内

要使用CSS将图像设置为背景,可以执行以下操作

a.addthis_button_facebook {
    background-image:url('twitter.png');
}
链接没有“img”属性

如果您只是尝试使用图像作为链接,为什么不按照第二个块中的方式使用图像,将
img
标记放在
a
标记内

要使用CSS将图像设置为背景,可以执行以下操作

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

嘿,你们可以在锚定标签中定义背景图像,给左边填充,并根据图像高度给线条高度,如下所示

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>​

嘿,您可以在锚定标记中定义背景图像,并根据图像高度指定左侧填充和线条高度,如下所示

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设置为我的anchorI,但没有得到预期的结果图像看起来很小,而手动设置img src则显示正常size@StevieB编辑了我的答案,将
width
height
更改为您试图设置的图标大小它就像在块中多次重复图像,看起来很奇怪哈…呃,这是一场噩梦!我只是在寻找一种方法,不在加价中指定img,而是在css@StevieB,如果希望它与页面上的其他元素内联,则应使用
display:inline block.nah这只是一个例子,我正在尝试将img设置为我的anchorI,但没有得到预期的结果图像看起来很小,而手动设置img src看起来很正常size@StevieB编辑了我的答案,将
width
height
更改为您试图设置的图标大小它就像在块中多次重复图像,看起来很奇怪哈…呃,这是一场噩梦!我只是在寻找一种方法,不在加价中指定img,而是在css@StevieB,如果希望它与页面上的其他元素内联,则应使用
display:inline block。因为我在寻找一种在CSS中查看img源代码而不是标记向上的方法,因为我在寻找一种在CSS中查看img源代码而不是标记向上的方法